程序博客网 > 淘宝网seo

DOM删除和添加节点

来源：互联网发布：淘宝网seo 编辑：程序博客网时间：2024/04/27 18:06

DOM删除和添加节点

删除：如果要在JavaScript中将一个节点删除，就需要用到DOM。利用DOM来删除一个节点，不能直接删除，需要得到该节点的父节点，再通过父节点将该加点删除。如：

<body>

<divid="div1">abc </div>

<script>

var div= document.getElementById("div1"); //得到该节点

//得到父节点后再removeChild该节点，完成删除

div.parentNode.removeChild(div);

</script>

</body>

添加：

<body>

<divid="div1">abc </div>

<script>

var div= document.getElementById("div1"); //得到该节点id
var p= document.createElement("p");  //创建节点p
p.id ="myp";    //设置节点id属性
p.style.width= "100px";    //给节点设置样式
p.style.height= "100px";
p.style.backgroundColor= "red";
p.innerHTML ="hdgfjs";   //p节点设置内容
//创建完成以后，不能直接显示，也要通过他的父节点来添加，然后在网页中显示
div.appendChild(p);

</script>

</body>

阅读全文

1 0

淘宝网seo

淘宝网seo

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子贷款买车流程买车金融服务费可以退吗买车怎么省金融服务费贷款买车什么流程贷款买车划算吗贷款买车注意哪些细节买车贷款利息怎么算公式买车砍价技巧贷款买车计算器买车一年后发现养不起全款买车再到建行贷款贷款买车需要带什么贷款买车的陷阱买车两年免息贷款缺点月薪买车对照表贷款买车仔细看 2年免息贷款买车划算吗贷款买车需注意按揭买车平台哪个好贷款买车都签什么合同我想买车怎么贷款建行全款买车再贷款买车无需跑车管所贷款买车利率计算公式新手贷款买车注意事项买车贷款需要什么条件买车哪个网站好买车网看看车买车全款好还是贷款好运图要买车网买车贷款好还是全款好买车按揭好还是全款好没钱买车怎么办买车都看什么买车如何交保险首付三万买车如何选车买车哪个网站买车便宜汽博会买车便宜吗买车什么时候便宜买车一般买什么保险