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

热点内容
动漫图片的文件格式 浏览:560
黑衣紧身美女跳小苹果 浏览:670
无法收缩数据库 浏览:216
java中获取二维数组的长度 浏览:510
手机里面的数据线怎么接 浏览:491
微信转帐是红包吗 浏览:748
如何学会函数编程 浏览:985
js赋值高度 浏览:940
录像机登录密码 浏览:94
中断程序格式 浏览:543
微信电话本批量删除联系人 浏览:439
hp5200固件升级文件 浏览:176
除了问卷星还有哪里收集数据 浏览:387
如何编程五子棋盘 浏览:747
微信相册空间 浏览:839
苹果怎么刷回935 浏览:437
linux的模板文件在哪个文件夹 浏览:923
企业网络规划拓扑图 浏览:927
在哪里可以下载书痴APP 浏览:644
橡皮擦工具怎么使用方法 浏览:781

友情链接