---
title: Range.selectNodeContents()
slug: Web/API/Range/selectNodeContents
tags:
  - API
  - DOM
  - Method
  - Range
translation_of: Web/API/Range/selectNodeContents
---
<div>{{ApiRef("DOM")}}</div>

<p><strong><code>Range.selectNodeContents()</code></strong>는 {{domxref("Node")}}의 내용을 포함하는 {{domxref("Range")}}를 설정합니다.</p>

<p>부모 {{ domxref("Node") }} 의 start, end 값이 Reference가 됩니다. <code>startOffset</code> 은 0이고, <code>endOffset</code> 은 Child Node의 수 혹은 Reference Node에 포함되어 있는 Child Node의 수가 됩니다.</p>

<h2 id="구문">구문</h2>

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

<h3 id="Parameters" name="Parameters">매개변수</h3>

<dl>
 <dt><code><em>referenceNode</em></code></dt>
 <dd>{{ domxref("Range") }} 로 선택될 내용의 {{ domxref("Node") }} </dd>
</dl>

<h2 id="Example" name="Example">예제</h2>

<pre class="brush: js">range = document.createRange();
referenceNode = document.getElementsByTagName("div")[0];
range.selectNodeContents(referenceNode);
</pre>

<h2 id="Specification" name="Specification">명세</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#dom-range-selectnodecontents', 'Range.selectNodeContents()')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>No change.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level2-Range-method-selectNodeContents', 'Range.selectNodeContents()')}}</td>
   <td>{{Spec2('DOM2 Traversal_Range')}}</td>
   <td>Initial specification.</td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



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

<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>