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

热点内容
滴滴app没有什么功能 浏览:493
机器人喝编程到底该学哪个 浏览:704
买房哪个网站好 浏览:913
打完新冠疫苗下载什么app可以查到 浏览:879
海信电视用哪个app看网络电视 浏览:96
编程什么时候流行的 浏览:683
自学编程新手看什么书 浏览:180
linux全盘tar 浏览:454
ps文件命名自动输入怎么办 浏览:467
iphone6plus切图 浏览:822
iphone6没有提示更新 浏览:41
cc网络图教程 浏览:650
u盘无法剪切文件到电脑里 浏览:497
中海达静态数据大概多少内存 浏览:599
苹果6s手机文件管理器 浏览:107
qq头像非主流女生捂脸 浏览:736
java判断string编码 浏览:941
excel工资簿如何匹配相同数据 浏览:159
视频课程学习有哪些app 浏览:375
铁模编程怎么学 浏览:298

友情链接