文件：createTextNode() 方法

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

建立一個新的 Text 節點。此方法可用於轉義 HTML 字元。

語法

createTextNode(data)

引數

data: 包含要放入文字節點的資料的字串。

返回值

一個 Text 節點。

示例

html

<button>YES!</button>
<button>NO!</button>
<button>WE CAN!</button>

<hr />

<p id="p1">First line of paragraph.</p>

function addTextNode(text) {
  const newText = document.createTextNode(text);
  const p1 = document.getElementById("p1");

  p1.appendChild(newText);
}

document.querySelectorAll("button").forEach((button) => {
  button.addEventListener("click", (event) => {
    addTextNode(`${event.target.textContent} `);
  });
});

規範

規範
DOM # ref-for-dom-document-createtextnode①

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年6月3日，由 MDN 貢獻者更新。

在 GitHub 上檢視此頁面 • 報告此內容的問題