创建元素节点-优快云博客

本文介绍了如何使用JavaScript中的createElement()方法创建新的元素节点。通过该方法可以指定新元素的标签名并返回一个节点对象引用。创建的节点需手动添加到文档中，如使用appendChild()方法。此外，文章还展示了如何在元素插入文档前后设置其属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建节点

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

转载于:https://www.cnblogs.com/zzq919101/p/6013810.html