导航:首页 > 编程语言 > 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相关的资料

热点内容
不越狱多开应用程序 浏览:922
iphone4扬声器坏了 浏览:106
锐捷网络校招笔试题 浏览:192
多可网络爬虫软件怎么用 浏览:172
miui微信表情包在哪个文件夹 浏览:939
我的微信是不是别人看不到了 浏览:193
真实女友2安卓版 浏览:301
win81文件夹菜单 浏览:336
工作中编程看什么书 浏览:9
未来数据科技有哪些书 浏览:243
电脑如何找回文件 浏览:950
简应用安卓 浏览:578
哪个数据准确表示股票价格 浏览:612
poi数据怎么用 浏览:973
linux服务器搭建php 浏览:993
三星s7edge刷win10 浏览:98
苹果查文件有什么用 浏览:157
ai里怎么导出文件小的pdf 浏览:376
红头文件如何制成pdf 浏览:632
华为桌面整理成文件夹 浏览:200

友情链接