initial commit

1 files changed, 85 insertions, 0 deletions

diff --git a/files/zh-cn/web/api/document/createtextnode/index.html b/files/zh-cn/web/api/document/createtextnode/index.html
new file mode 100644
index 0000000000..82ccfc772a
--- /dev/null
+++ b/files/zh-cn/web/api/document/createtextnode/index.html
@@ -0,0 +1,85 @@
+---
+title: Document.createTextNode()
+slug: Web/API/Document/createTextNode
+tags:
+  - API
+  - DOM
+  - Document
+  - 参考
+  - 方法
+translation_of: Web/API/Document/createTextNode
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p>创建一个新的{{domxref("Text", "文本")}}节点。这个方法可以用来转义 HTML 字符。</p>
+
+<h2 id="语法">语法</h2>
+
+<pre class="syntaxbox">var <var>text</var> = document.createTextNode(<var>data</var>);
+</pre>
+
+<ul>
+ <li><em><code>text</code></em> 是一个文本节点。</li>
+ <li><em><code>data</code></em> 是一个字符串，包含了要放入文本节点的内容。</li>
+</ul>
+
+<h2 id="示例">示例</h2>
+
+<pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html lang="zh-CN"&gt;
+&lt;head&gt;
+&lt;title&gt;createTextNode 示例&lt;/title&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+  &lt;button value="好耶！"&gt;好耶！&lt;/button&gt;
+  &lt;button value="坏耶！"&gt;坏耶！&lt;/button&gt;
+  &lt;button value="Rikka! "&gt;Rikka!&lt;/button&gt;
+  &lt;button value="日卡卡！"&gt;日卡卡！&lt;/button&gt;
+
+  &lt;hr /&gt;
+
+  &lt;p id="p1"&gt;段落的第一行。&lt;/p&gt;
+
+  &lt;script&gt;
+  const p1 = document.getElementById("p1"),
+  buttons = document.body.querySelectorAll(":scope &gt; button");
+  function addTextNode(text) {
+    p1.appendChild( document.createTextNode(text) );
+  }
+  buttons.forEach(button =&gt;
+    button.addEventListener("click", () =&gt;
+      addTextNode(button.value)
+    )
+  );
+  &lt;/script&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h3 id="规范">规范</h3>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">规范</th>
+   <th scope="col">状态</th>
+   <th scope="col">备注</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('DOM WHATWG', '#dom-document-createtextnode', 'Document: createTextNode')}}</td>
+   <td>{{Spec2('DOM WHATWG')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+
+
+<p>{{Compat("api.Document.createTextNode")}}</p>