JavaScript创建节点

在JavaScript中，我们可以使用一些方法来创建节点。

createElement()

使用createElement()方法可以通过指定元素标签名来创建节点。

// 创建一个<p>元素
var paragraph = document.createElement("p");

createTextNode()

使用createTextNode()方法可以创建一个包含指定文本的文本节点。

// 创建一个文本节点
var node = document.createTextNode("This is some new text.");

appendChild()

使用appendChild()方法可以将新创建的节点添加到指定节点的子节点列表的末尾。

// 获取父元素
var parent = document.getElementById("parent");

// 将新创建的元素添加到父元素的子节点列表末尾
parent.appendChild(paragraph);

示例代码

以下是一个简单的示例代码，演示如何使用上述方法来创建节点、添加文本和将节点添加到文档中。

// 获取父元素
var parent = document.getElementById("parent");

// 创建一个<h1>元素
var heading = document.createElement("h1");

// 创建一个文本节点
var node = document.createTextNode("This is a heading.");

// 将文本节点添加到<h1>元素
heading.appendChild(node);

// 将<h1>元素添加到父元素的子节点列表末尾
parent.appendChild(heading);

以上代码将创建一个包含文本“ This is a heading.”的<h1>元素，并将其添加到具有ID“ parent”的元素的子节点列表的末尾。

以上就是JavaScript创建节点的方法和示例代码。