js在指定标签后添加标签,js添加标签的方法

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　节点的插入可以分为两种情况：将子节点附加到元素的子节点列表中，以及在元素的子节点前面插入子节点：

　　第一种情况调用：element.appendChild(子节点)；

　　第二种情况调用：element.insertBefore(新节点，现有节点)。

　　示例1：将子节点附加到元素的子节点列表。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　/头

　　身体

　　ul id=我的列表

　　李咖啡/李

　　liTea/李

　　/ul

　　P= demo 单击按钮将项目添加到列表中/p

　　按钮onclick=myFunction()单击我/按钮

　　脚本

　　函数myFunction() {

　　var node=document . createelement( LI )；

　　var textnode=document . create textnode( Water )；

　　node . appendchild(text node)；

　　document . getelementbyid( my list )。appendChild(节点)；

　　}

　　/脚本

　　/body

　　/html

　　注意：

　　首先，创建一个节点，

　　然后创建一个文本节点，

　　然后将文本节点添加到LI节点。

　　最后，将节点添加到列表中。

　　示例2：在元素的子节点前插入子节点。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　/头

　　身体

　　ul id=我的列表

　　李咖啡/李

　　liTea/李

　　/ul

　　P= demo 单击按钮插入项目列表/p

　　按钮onclick=myFunction()单击我/按钮

　　脚本

　　函数myFunction() {

　　var new item=document . createelement( LI )

　　var textnode=document . create textnode( Water )

　　newItem.appendChild(textnode)

　　var list=document . getelementbyid( my list )

　　list.insertBefore(newItem，list . child nodes[0])；

　　}

　　/脚本

　　/body

　　/html

　　注意：

　　首先，创建一个li节点，

　　然后创建一个文本节点，

　　然后添加文本节点的li节点。

　　最后，li节点被插入到第一个子节点列表中。

　　【相关推荐：javascript学习教程】以上是javascript能否添加标签的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。