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

热点内容
分布式服务如何跨库统计数据 浏览:829
力控转发数据客户端模式如何建立 浏览:200
怎么样让自己的网站不被别人看到 浏览:711
编程扩展效果如何 浏览:335
荣耀畅玩手环同步qq 浏览:475
怎么向sql中添加数据库 浏览:596
录歌失败重启app什么意思 浏览:522
压缩文件包怎么在微信发送 浏览:432
mysql数据库怎么插入时间值 浏览:191
微信视频不能转发朋友圈 浏览:596
影视后期的app有哪些 浏览:956
电子保单数据出错什么意思 浏览:368
如何以文件下载音乐 浏览:438
计算机网络章节练习 浏览:999
单片机的外部中断程序 浏览:48
表格批量更名找不到指定文件 浏览:869
js的elseif 浏览:584
3dmaxvray视频教程 浏览:905
imgtool工具中文版 浏览:539
java帮助文件在哪里 浏览:965

友情链接