js删除创建的div

1.用JS怎么控制添加或删除DIV?

document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。

其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

1、添加DIV function addDiv(w,h){ //如果原来有“divCell”这个图层,先删除这个图层 deleteDiv(); //创建一个div var newdiv = document.createElement("divCell"); //添加到页面 document.body.appendChild(newdiv); //通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看 newdiv.style.position="absolute"; //通过样式指定x坐标(随机数0~450) newdiv.style.top= Math.round(Math.random()*450); //通过样式指定y坐标(随机数0~700) newdiv.style.left= Math.round(Math.random()*700); //通过样式指定宽度 newdiv.style.width=w; //通过样式指定高度 newdiv.style.height=h; //通过样式指定背景颜色,,若是背景图片 例为 newdiv.style.backgroundImage="url(img/3.jpg)" newdiv.style.backgroundColor="#ffffcc"; //添加div的内容 //newdiv.innerHTML=i++; //设置样式透明 newdiv.style.filter = "alpha(opacity=50)"; //设置ID newdiv.id = "divCell"; }2、删除DIV function deleteDiv() { var my = document.getElementById("divCell"); if (my != null) my.parentNode.removeChild(my); }。

2.原生js怎么删除一个 div

<div id="main">

<div id="box">111</div>

<div class="box2">222</div>

</div>

<script type="text/javascript">

var box = document.getElementById("box");

box.parentNode.removeChild(box);

</script>

3.用JS怎么控制添加或删除DIV

document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。

其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

1、添加DIV

function addDiv(w,h){

//如果原来有“divCell”这个图层,先删除这个图层

deleteDiv();

//创建一个div

var newdiv = document.createElement("divCell");

//添加到页面

document.body.appendChild(newdiv);

//通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看

newdiv.style.position="absolute";

//通过样式指定x坐标(随机数0~450)

newdiv.style.top= Math.round(Math.random()*450);

//通过样式指定y坐标(随机数0~700)

newdiv.style.left= Math.round(Math.random()*700);

//通过样式指定宽度

newdiv.style.width=w;

//通过样式指定高度

newdiv.style.height=h;

//通过样式指定背景颜色,,若是背景图片 例为 newdiv.style.backgroundImage="url(img/3.jpg)"

newdiv.style.backgroundColor="#ffffcc";

//添加div的内容

//newdiv.innerHTML=i++;

//设置样式透明

newdiv.style.filter = "alpha(opacity=50)";

//设置ID

newdiv.id = "divCell";

}

2、删除DIV

function deleteDiv()

{

var my = document.getElementById("divCell");

if (my != null)

my.parentNode.removeChild(my);

}

js删除创建的div

转载请注明出处JS代码网 » js删除创建的div

资讯

js左右滚动的切换效果

阅读(41)

本文主要为您介绍js左右滚动的切换效果,内容包括javascript切换图片如何让其向左滚动的效果,javascript切换图片如何让其向左滚动的效果,js实现图片滚动效果。var speed=50; //设置滚动速度demo2.innerHTML=demo1.innerHTML //复制dome1为do

资讯

js重写类中的方法

阅读(38)

本文主要为您介绍js重写类中的方法,内容包括重写方法中用到父类的方法怎么调用呢?,JS怎么重写函数的方法?,javascript的方法能不能重写?。这个toFixed函数是js的原生函数 不需要另外加的不过如果你自己需要扩展一些原生的对象的一些功能的

资讯

php抓取js动态加载的内容

阅读(39)

本文主要为您介绍php抓取js动态加载的内容,内容包括用php怎么抓取js+ajax动态生成的页面内容,在php中如何获取js里的内容并使用呢,PHP怎样抓取网页代码中动态显示的数据。第一步,查看网页源代码,找到ajax请求的URL。比如,js代码为:$.ajax({ url

资讯

js里的匿名函数

阅读(27)

本文主要为您介绍js里的匿名函数,内容包括js中对象与匿名函数的问题,请问,JS的匿名函数有几种?,javascript匿名函数的用途到底是什么?。配合var关键字,匿名函数可以有效的保证在页面上写入Javascript,而不会造成全局变量的污染。这在给一个不

资讯

js获取div在页面中的位置

阅读(31)

本文主要为您介绍js获取div在页面中的位置,内容包括js怎么获取当前div所在的位置,如何用js获取一个div的坐标?,js如何获取div的位置,请高手解答。js获取DIV的位置坐标的方法有三种,分别如下: 方法一:?var odiv=document.getElementByIdx_x(di

资讯

node.js中require的机制

阅读(31)

本文主要为您介绍node.js中require的机制,内容包括nodejs有require方法吗,nodejs有require方法吗,如何在node.js中使用requirejs。有的 require函数详解 路径 相对路径之当前目录:./xxx/xxx.js 或 ./xxx/xxx。 相对路径之上级目录:../x

资讯

js全局变量是否是线程安全的

阅读(28)

本文主要为您介绍js全局变量是否是线程安全的,内容包括javascriptfunction是线程安全的吗,什么是线程安全和线程不安全,局部变量和成员变量是线程安全的么。线程安全是:如果你的代码所在的进程中有多个线程在同时运行,而这些线程可能会同时运

资讯

js设置文本框的浮动文本

阅读(38)

本文主要为您介绍js设置文本框的浮动文本,内容包括js获取另一个网站(浮动框架)的文本框的值,如何用JS代码实现文本框滚动导航?,js获取另一个网站(浮动框架)的文本框的值。【实例代码】html xmlns=http://www。w3。org/1999/xhtml headtitle

资讯

我的世界手机版js使用教程

阅读(43)

本文主要为您介绍我的世界手机版js使用教程,内容包括我的世界手机版js怎么用,我的世界手机版红石js怎么用,我的世界手机版js用法介绍。要使用我的世界js必须用到一个工具,那就是启动器。首先下载最新的V1.7.7启动器(安卓版),这个启动器支持我的

资讯

js制作随鼠标滚动的广告

阅读(41)

本文主要为您介绍js制作随鼠标滚动的广告,内容包括JS随鼠标滚动而向下移动的图片代码是什么?,如何用javascript构建一个滚动的广告,如下面图片,关于javascript制作滚动图片???。我写一个你参考吧。<script language="javascript">var initTop

资讯

js获取table某一列的值

阅读(41)

本文主要为您介绍js获取table某一列的值,内容包括jsp如何获取table中某一列的值,javascript中如何获得TABLE中某一行指定列的值,并触发一个事件,,怎么用js获取当前页面table一列的值。<input type="text" name="COUNT" value="" itemdesc="数量" on

资讯

js为什么window定义的全局变量无效

阅读(38)

本文主要为您介绍js为什么window定义的全局变量无效,内容包括js中为什么全局变量在方法中无法使用,js全局变量无效,js全局变量无效。我相信大多数人都是把<script&gt;提到<head&gt;里面去,这样以来格式工整,心情舒畅,强迫症患者酣畅淋漓。但是不

资讯

jquery获取iframe中的js变量

阅读(45)

本文主要为您介绍jquery获取iframe中的js变量,内容包括JS如何获取iframe中的js变量值!!在线等,高手进!!!,如何获取iframe里面的js变量值,父页面如何获取iframe中js的变量值呢?。DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].document

资讯

我的世界阿瓦达索命js

阅读(36)

本文主要为您介绍我的世界阿瓦达索命js,内容包括阿瓦达索命咒怎么念?,怎么使用我的世界的setblock命令?,阿法达索命是什么?。阿瓦达索命咒读作:Avada Kedavra!(阿瓦达,柯达拉)(空耳:阿瓦达啃大瓜!)。极少数法力高强的巫师如伏地魔可以无声施阿瓦达索

资讯

js左右滚动的切换效果

阅读(41)

本文主要为您介绍js左右滚动的切换效果,内容包括javascript切换图片如何让其向左滚动的效果,javascript切换图片如何让其向左滚动的效果,js实现图片滚动效果。var speed=50; //设置滚动速度demo2.innerHTML=demo1.innerHTML //复制dome1为do

资讯

js重写类中的方法

阅读(38)

本文主要为您介绍js重写类中的方法,内容包括重写方法中用到父类的方法怎么调用呢?,JS怎么重写函数的方法?,javascript的方法能不能重写?。这个toFixed函数是js的原生函数 不需要另外加的不过如果你自己需要扩展一些原生的对象的一些功能的

资讯

php抓取js动态加载的内容

阅读(39)

本文主要为您介绍php抓取js动态加载的内容,内容包括用php怎么抓取js+ajax动态生成的页面内容,在php中如何获取js里的内容并使用呢,PHP怎样抓取网页代码中动态显示的数据。第一步,查看网页源代码,找到ajax请求的URL。比如,js代码为:$.ajax({ url

资讯

js里的匿名函数

阅读(27)

本文主要为您介绍js里的匿名函数,内容包括js中对象与匿名函数的问题,请问,JS的匿名函数有几种?,javascript匿名函数的用途到底是什么?。配合var关键字,匿名函数可以有效的保证在页面上写入Javascript,而不会造成全局变量的污染。这在给一个不

资讯

js获取div在页面中的位置

阅读(31)

本文主要为您介绍js获取div在页面中的位置,内容包括js怎么获取当前div所在的位置,如何用js获取一个div的坐标?,js如何获取div的位置,请高手解答。js获取DIV的位置坐标的方法有三种,分别如下: 方法一:?var odiv=document.getElementByIdx_x(di

资讯

node.js中require的机制

阅读(31)

本文主要为您介绍node.js中require的机制,内容包括nodejs有require方法吗,nodejs有require方法吗,如何在node.js中使用requirejs。有的 require函数详解 路径 相对路径之当前目录:./xxx/xxx.js 或 ./xxx/xxx。 相对路径之上级目录:../x

资讯

js全局变量是否是线程安全的

阅读(28)

本文主要为您介绍js全局变量是否是线程安全的,内容包括javascriptfunction是线程安全的吗,什么是线程安全和线程不安全,局部变量和成员变量是线程安全的么。线程安全是:如果你的代码所在的进程中有多个线程在同时运行,而这些线程可能会同时运

资讯

ie8通过js设置input的type

阅读(31)

本文主要为您介绍ie8通过js设置input的type,内容包括js怎么修改input的type属性ie不出错,怎样用javascript实现对input的type属性的更改,怎么用js更改inputtype类型。方法/步骤 首先我们来做一个html页面,来模拟这个密码框,这个图标找的不好,