Método createRange
O método createRange - cria um objeto
de fragmento do documento. Este fragmento pode
conter partes de elementos e seções de texto.
Veja os exemplos para entender a essência deste método.
Sintaxe
document.createRange();
Exemplo
Vamos obter o conteúdo do parágrafo:
<p id="p">
<b>abcde</b>fg
</p>
let p = document.getElementById('p');
let text = document.createRange();
text.selectNode(p);
alert(text.toString());
Resultado da execução do código:
'abcdefg'
Exemplo
Desta forma, você pode obter não apenas o conteúdo de um elemento, mas qualquer parte do documento. Mesmo que comece em um elemento e termine em outro:
<div id="root">
<p>
text1
</p>
<p>
text2
</p>
</div>
let root = document.getElementById('root');
let start = root.children[0].firstChild;
let end = root.children[1].firstChild;
let text = document.createRange();
text.setStart(start, 12);
text.setEnd(end, 8);
alert(text.toString());
Veja também
-
método
getSelection
