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 支持 支持 支持 支持