---
title: Range.selectNode()
slug: Web/API/Range/selectNode
translation_of: Web/API/Range/selectNode
---
<p>{{ApiRef("DOM")}}</p>

<p><strong><code>Range.selectNode()</code></strong> 方法将 {{domxref("Range")}} 设置为包含整个 {{domxref("Node")}} 及其内容。{{domxref("Range")}} 的起始和结束节点的父节点与<em> referenceNode</em> 的父节点相同。</p>

<h2 id="Syntax" name="Syntax">语法</h2>

<pre class="syntaxbox"><em>range</em>.selectNode(<em>referenceNode</em>);
</pre>

<h3 id="Parameters" name="Parameters">参数</h3>

<dl>
 <dt><em>referenceNode</em></dt>
 <dd>{{domxref("Range")}} 要包含的 {{domxref("Node")}}。</dd>
</dl>

<h2 id="Example" name="Example">示例</h2>

<pre class="brush:js">var range = document.createRange();
var referenceNode = document.getElementsByTagName("div").item(0);

range.selectNode(referenceNode);</pre>

<h2 id="Specification" name="Specification">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">注释</th>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#dom-range-selectnode', 'Range.selectNode()')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>无变化</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level2-Range-method-selectNode', 'Range.selectNode()')}}</td>
   <td>{{Spec2('DOM2 Traversal_Range')}}</td>
   <td>初始规范</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<p>{{Compat("api.Range.selectNode")}}</p>

<div id="compat-mobile"></div>

<h2 id="参见">参见</h2>

<ul>
 <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li>
</ul>