创建元素节点

创建节点

  • 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");

 

posted @ 2016-10-30 19:58  青竹zzq  阅读(330)  评论(0编辑  收藏  举报