创建节点
- createElement():按照给定的标签名创建一个新的元素节点,这个方法的返回值是一个指向新元素节点的引用指针。
reference = document.createElement(element);reference = document.createElement("p");reference = document.createElement("h");
createElement()方法所返回的是引用指针指向的一个节点对象。它是元素节点,所以它的nodeType属性值将等于1:
var para = document.createElement("p");
在这个例子中para.nodeType返回值为1。para.nodeName返回值将是p或者P。
用createElement()方法创建出来的新元素节点不会被自动添加到文档里。新节点没有nodeParent属性,它只是存在于JavaScript上下文里面的DocumentGargment对象。如果想把这个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 pargraph");document.body.appendChild(para);
当然也可以先把新元素插入文档,在对它的属性进行设置
vara para = document.createElement("p");document.body.appentChild(para);para.setAttribute("titile","My paragraph");