--- title: Document.createTextNode() slug: Web/API/Document/createTextNode tags: - API - DOM - Document - 参考 - 方法 translation_of: Web/API/Document/createTextNode ---
{{APIRef("DOM")}}

创建一个新的{{domxref("Text", "文本")}}节点。这个方法可以用来转义 HTML 字符。

语法

var text = document.createTextNode(data);

示例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>createTextNode 示例</title>
</head>

<body>
  <button value="YES! ">YES! </button>
  <button value="NO! ">NO! </button>
  <button value="WE CAN! ">WE CAN! </button>

  <hr />

  <p id="p1">段落的第一行。</p>

  <script>
  const p1 = document.getElementById("p1"),
  buttons = document.body.querySelectorAll(":scope > button");
  function addTextNode(text) {
    p1.appendChild( document.createTextNode(text) );
  }
  buttons.forEach(button =>
    button.addEventListener("click", () =>
      addTextNode(button.value)
    )
  );
  </script>
</body>
</html>

{{EmbedLiveSample('Example')}}

规范

规范 状态 备注
{{SpecName('DOM WHATWG', '#dom-document-createtextnode', 'Document: createTextNode')}} {{Spec2('DOM WHATWG')}}

浏览器兼容性

{{Compat("api.Document.createTextNode")}}