HTML DOM Document createTextNode() 方法

定义和用法

createTextNode() 方法创建文本节点。

另请参阅：

Document createElement() 方法

Element appendChild() 方法

Element insertBefore() 方法

HTML 元素是节点

所有 HTML 元素都是节点。

元素是节点。属性是节点。文本是节点。

一些元素包含其他节点。

一些元素包含文本节点。

一些元素包含属性节点。

实例

例子 1

创建文本节点并将其附加到文档中：

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

亲自试一试

例子 2

创建带有文本节点的 <h1> 元素：

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

亲自试一试

例子 3

创建带有文本节点的 <p> 元素：

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

亲自试一试

语法

document.createTextNode(data)

参数

参数 描述
data 必需。节点的文本。

返回值

类型 描述
节点 新创建的文本节点，表示指定的 data 字符串。

浏览器支持

document.createTextNode() 是 DOM Level 1 (1998) 特性。

所有浏览器都支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持