导航:首页 > 编程语言 > js移除和创建div

js移除和创建div

发布时间:2023-10-02 18:28:24

js删除特定的DIV求方法

你给DIV加上ID,再用JS:
document.getElementById("ID").style.display = "none";
就OK了。

运行下面的代码

<DIV class="post cate1 auth1" id="div1">我是DIV1</div>
<DIV class="post cate2 auth1" id="div2">我是DIV2</div>
<DIV class="post cate3 auth1" id="div3">我是DIV3</div>
<DIV class="post cate4 auth1" id="div4">我是DIV4</div>
<DIV class="post cate5 auth1" id="div5">我是DIV5</div>
<script type="text/javascript" language="javascript">
document.getElementById("div1").style.display = "none";
</script>

Ⅱ 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

代码如下:
function addDiv(w,h){
deleteDiv();
//创建一个
var my = document.createElement("divCell");
//添加到页面
document.body.appendChild(my);
my.style.position="absolute";
//通过样式指定x坐标(随机数0~450)
my.style.top= Math.round(Math.random()*450);
//通过样式指定y坐标(随机数0~700)
my.style.left= Math.round(Math.random()*700);
//通过样式指定宽度
my.style.width=w;
//通过样式指定高度
my.style.height=h;
//通过样式指定背景颜色,,若是背景图片 例为my.style.backgroundImage="url(img/3.jpg)"
my.style.backgroundColor="#ffffcc";
//添加div的内容
//my.innerHTML=i++;
//设置样式透明
my.style.filter = "alpha(opacity=50)";
//设置ID
my.id = "divCell";
}

function deleteDiv()
{
var my = document.getElementById("divCell");
if (my != null)
my.parentNode.removeChild(my);
}

Ⅳ js怎样添加、移除、移动、复制、创建和查找节点

添加节点append;移除节点removeChild;移动节点:var sdds=document.getElementById;创建节点createTextNode();查找节点:document.getElementsByTagName。

阅读全文

与js移除和创建div相关的资料

热点内容
捕鱼达人历史版本 浏览:73
mp4视频文件解密软件 浏览:62
多轴编程哪个软件最方便 浏览:27
老平板哪个是显示屏数据线插座 浏览:849
5sing上传音频文件格式 浏览:171
win10输入文件鼠标右键异常 浏览:634
听幼儿故事用什么app 浏览:514
iphone修改音频文件名 浏览:53
国家气象站点数据在哪里下载 浏览:342
网络设置的网站 浏览:914
手机测量放样怎么导数据和线型 浏览:648
企业展示型网站源码 浏览:781
易花花app哪里下载 浏览:323
外国程序员职业生涯长 浏览:709
看理想app怎么注销账号 浏览:545
数控铣床加工手工编程的步骤有哪些 浏览:411
uc浏览器为什么很多网站进不了 浏览:513
西部数据移动硬盘怎么 浏览:645
批处理修改子目录文件名命令 浏览:405
文件损坏怎么删除 浏览:977

友情链接