initial commit

1 files changed, 68 insertions, 0 deletions

diff --git a/files/zh-cn/web/api/selection/addrange/index.html b/files/zh-cn/web/api/selection/addrange/index.html
new file mode 100644
index 0000000000..3c0f54a082
--- /dev/null
+++ b/files/zh-cn/web/api/selection/addrange/index.html
@@ -0,0 +1,68 @@
+---
+title: Selection.addRange()
+slug: Web/API/Selection/addRange
+translation_of: Web/API/Selection/addRange
+---
+<div>{{ApiRef}}</div>
+
+<h2 id="Summary" name="Summary">概述</h2>
+
+<p>向选区（{{domxref("Selection")}}）中添加一个区域（{{domxref("Range")}}）。</p>
+
+<h2 id="Syntax" name="Syntax">语法</h2>
+
+<pre class="syntaxbox"><em>sel</em>.addRange(<em>range</em>)</pre>
+
+<h3 id="Parameters" name="Parameters">参数</h3>
+
+<dl>
+ <dt><em><code>range</code></em></dt>
+ <dd>一个区域（{{ domxref("Range") }}）对象将被增加到选区（{{ domxref("Selection") }}）当中。</dd>
+</dl>
+
+<h2 id="Examples" name="Examples">例子</h2>
+
+<pre class="brush:js">/* 在一个HTML文档中选中所有<strong>加粗</strong>的文本。 */
+
+var strongs = document.getElementsByTagName("strong");
+var s = window.getSelection();
+
+if(s.rangeCount &gt; 0) s.removeAllRanges();
+
+for(var i = 0; i &lt; strongs.length; i++) {
+  var range = document.createRange();
+  range.selectNode(strongs[i]);
+  s.addRange(range);
+}</pre>
+
+<h2 id="规范" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">规范</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">规范</th>
+   <th scope="col">状态</th>
+   <th scope="col">注释</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML Editing', '#dom-selection-addrange', 'Selection.addRange()')}}</td>
+   <td>{{Spec2('HTML Editing')}}</td>
+   <td>Initial definition</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Selection API', '#widl-Selection-addRange-void-Range-range', 'Selection.addRange()')}}</td>
+   <td>{{Spec2('Selection API')}}</td>
+   <td>Current</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2>
+
+<p>{{Compat("api.Selection.addRange")}}</p>
+
+<h2 id="See_also" name="See_also">相关链接</h2>
+
+<ul>
+ <li>{{domxref("Selection")}}，此方法所属接口。</li>
+</ul>