Document.createTextNode()

创建一个新的文本节点。这个方法可以用来转义 HTML 字符。

语法

var text = document.createTextNode(data);
  • text 是一个文本节点。
  • 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>

规范

Specification
DOM Standard
# ref-for-dom-document-createtextnode①

浏览器兼容性

BCD tables only load in the browser