HTML | DOM createTextNode() 方法

简介

createTextNode() 方法用于创建一个新的文本节点。文本节点是 DOM 中的一个节点，用于表示文本内容。

文本节点是元素节点的子节点，可以包含文本内容。可以使用 createTextNode() 方法在 JavaScript 中动态创建文本节点，并将其添加到 DOM 树中的适当位置。

语法

创建文本节点的语法如下：

document.createTextNode(text)

参数

text: 要创建的文本节点的内容。注意，此处的内容是普通文本，不是 HTML。

返回值

返回一个新创建的文本节点。

示例

下面的示例展示了如何使用 createTextNode() 方法创建一个文本节点，并将其追加到一个 HTML 元素内：

// 创建一个新的文本节点
var textNode = document.createTextNode("Hello World!");

// 找到要插入文本节点的 HTML 元素
var element = document.getElementById("myElement");

// 将文本节点添加到 HTML 元素中
element.appendChild(textNode);

注意事项

• createTextNode() 方法创建的文本节点不会自动解析为 HTML，它会被作为纯文本处理。
• 如果要在创建时把 HTML 解析为 DOM 元素，请使用 innerHTML 或 insertAdjacentHTML() 方法。

总结

使用 createTextNode() 方法可以动态地创建文本节点，并将其插入到 DOM 中的适当位置。这对于在 JavaScript 中操作 DOM 上的文本内容非常有用。请记住，使用 createTextNode() 方法只会创建文本节点，而不是 HTML 元素。若要解析 HTML，请使用其他相关的 DOM 方法。