Javascript中如何添加节点-创新互联

本篇文章为大家展示了Javascript中如何添加节点,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

丰台ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

Javascript怎样添加节点

Javascript提供了两种添加节点的方法:

方法 说明

insertBefore() 在指定节点的前面插入新节点

appendChild() 在指定节点的最后插入新的子节点(原来的子节点不变)

insertBefore()

insertBefore() 方法可以在指定节点的前面插入新节点。

语法:

parentNode.insertBefore(newNode , thisNode)

参数/返回值说明:

参数/返回值 说明

parentNode 父节点

newNode 将要添加的新节点

thisNode 当前节点(指定节点)

返回值 插入成功返回 true ,失败返回 false

例如,在 id="dome" 的节点前面添加节点的语句为:

Javascript怎样添加节点

var ele_div=document.createElement("div");

var thisNode=document.getElementById("demo");

this.parentNode.insertBefore(ele_div , thisNode);

注意:insertBefore() 是当前节点的父节点的一个方法,添加节点时,不但要知道当前节点,还要知道当前节点的父节点。一般情况下,可以通过 thisNode.parentNode 来获取父节点。

举例,在指定节点前面不断增加新节点:

div id="demo">

div id="thisNode">点击这里添加新节点/div>

/div>

script type="text/javascript">

document.getElementById("thisNode").onclick=function(){

var ele_div=document.createElement("div");

var ele_text=document.createTextNode("这是新节点");

ele_div.appendChild(ele_text);

this.parentNode.insertBefore(ele_div , this);

}

/script>

上述内容就是Javascript中如何添加节点,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


分享名称:Javascript中如何添加节点-创新互联
网站网址:http://myzitong.com/article/ddoeje.html