创建一个新的DOM节点
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了创建一个新的DOM节点相关的知识，希望对你有一定的参考价值。
1.appendChild（node）方法
是将新的元素当做子元素添加到已存在的元素中，并且是父元素中的最后一个子元素。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <div id="div1"> <p id="p1">这是一个段落</p> </div> <script> var para=document.createElement("p"); //首先创建一个元素 var txt=document.createTextNode("这又是一个段落"); //再创建一个文本节点 para.appendChild(txt);//往这元素后边添加这个文本节点，就是让这个p标签里有字 var x=document.getElementById("div1"); //找到现在有的元素，就是要加在哪个元素后边 x.appendChild(para);//往id=“div1”的块元素内加新建的节点 </script> </body> </html>
2.inserBefore（newnode，extingnode）方法
可将新建节点插入到某个子节点前边，extingnode可选，即要在哪个已存在的节点前添加新建节点，若不写则默认将新节点插在尾部。
//前面部分都不变，
var element=document.getElementById("div1"); var child=document.getElementById("p1"); element.insertBefore(para，child);
newnode,existingnode
以上是关于创建一个新的DOM节点的主要内容，如果未能解决你的问题，请参考以下文章