HTML | DOM createTextNode() 方法

createTextNode() 方法是在 HTML DOM 中创建新文本节点的方法，该节点中包含了指定的文本内容。

语法：

document.createTextNode(text)

参数说明：text 必须是字符串类型，表示要添加到新文本节点中的文本内容。

实例：

// HTML
<p id="myP">JavaScript 是世界上最流行的脚本语言之一！</p>

// JavaScript
var node = document.createTextNode("欢迎来到 JavaScript 世界！");
document.getElementById("myP").appendChild(node);

在上面的实例中，我们使用了 createTextNode() 方法创建了一个新的文本节点，并将该节点添加到了已经存在的 p 标签中。最终，该 p 标签中的文本内容将被替换为新添加的内容。

此外，我们还可以使用该方法来创建一组新的文本节点，并将其添加到一个元素中，如下所示：

var p = document.createElement("p");
var node1 = document.createTextNode("这是第一行文本。");
var node2 = document.createTextNode("这是第二行文本。");
p.appendChild(node1);
p.appendChild(node2);

以上代码新增了一个 p 元素，并将两个文本节点分别添加到了该元素中，从而创建了包含两行文本内容的新元素。

总而言之，createTextNode() 方法是一个简单而非常有用的方法，可以让我们在 JavaScript 中轻松地创建和修改文本节点。