---
title: document.createRange
slug: Web/API/Document/createRange
tags:
  - Rango
  - Referencia_DOM_de_Gecko
  - crear rango
translation_of: Web/API/Document/createRange
---
<p>{{ ApiRef() }}</p>

<h3 id="Resumen" name="Resumen">Resumen</h3>

<p>Retorna un nuevo objeto <code><a href="https://developer.mozilla.org/es/docs/Web/API/Range">Rango</a></code>.</p>

<h3 id="Sint.C3.A1xis" name="Sint.C3.A1xis">Sintáxis</h3>

<pre class="eval"><var>range</var> = <var>document</var>.createRange();
</pre>

<p>En este ejemplo, <code>range</code> es el nuevo objeto <a href="https://developer.mozilla.org/es/docs/Web/API/Range">rango</a> creado.</p>

<h3 id="Ejemplo" name="Ejemplo">Ejemplo</h3>

<pre class="eval">var range = document.createRange();
range.setStart(startNode, startOffset);
range.setEnd(endNode, endOffset);
</pre>

<h3 id="Notas" name="Notas">Notas</h3>

<p>Una vez que se ha creado un objeto <code>Rango</code>, se necesita configurar sus puntos límites antes de hacer uso de la mayoría de sus métodos.</p>

<h3 id="Especificaci.C3.B3n" name="Especificaci.C3.B3n">Especificación</h3>

<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level2-DocumentRange-method-createRange">DOM Level 2 Range: DocumentRange.createRange</a></p>



<div class="noinclude"></div>

<p>{{ languages( { "en": "en/DOM/document.createRange", "pl": "pl/DOM/document.createRange" } ) }}</p>