javascript DOM 编程方法——创建节点

以下内容来自网匠科技

 

创建节点

以下DOM方法的基本用途是创建新节点。

******************createElement()**********************

createElement()方法将按照给定的标签名创建一个新的元素节点。这个方法的返回值是一个指向新建元素节点的引用指针：

reference = document.createElement(element)
这个方法只有一个参数：将被创建的元素名字。这是一个字符串。
reference = document.createElement("p")
reference = document.createElement("h1")
createElement()方法所返回的引用指针指向一个节点对象。他是一个元素节点，所以他的nodeType属性值将等于1。
var para = document.createElement("p");
在这个例子里，para.nodeType返回的值将是1。para.nodeName返回的值将是p或P。

用createElement()方法创建出来的新元素节点不会被自动添加到文档里。新节点没有nodeParent属性，它只是一个存在于Javascript上下文里的DocumentGragment对象。如果想把这个DocumentGragment对象添加到你的文档里，则需要使用appendChild()或insertBefore()方法（参见后面的“插入节点”小节）或者replaceChild()方法（参见后面的“替换节点”小节）：

var para = document.createElement("p");
document.body.appendChild(para);

这个例子将创建一个P元素，并把这个新创建的元素追加为body元素的lastChild子节点。

你可以在任何时候对新创建出来的元素使用其它的DOM方法。比如说，你随时都可以对新元素的任意属性进行设置（参见后面的“处理节点“小节），即使在把这个元素插入节点之前也可以这样做：

var para = document.createElement("p");
para.setAttribute("title","my test document");
document.body.appendChild(para);

当然，也完全可以把新元素插入文档，再对他的属性进行设置。

var para = document.createElement("p");
document.body.appendChild(para);
para.setAttribute("title","my test document");