Methode createRange

De methode createRange - creëert een object van een documentfragment. Dit fragment kan fragmenten van elementen en tekstgedeelten bevatten. Zie de voorbeelden om de essentie van deze methode te begrijpen.

Syntaxis

document.createRange();

Voorbeeld

Laten we de inhoud van de paragraaf ophalen:

<p id="p">
	<b>abcde</b>fg
</p>

let p = document.getElementById('p');

let text = document.createRange();
text.selectNode(p);
alert(text.toString());

Resultaat van het uitvoeren van de code:

'abcdefg'

Voorbeeld

Maar op deze manier kan niet alleen de inhoud van een element worden verkregen, maar in feite elk deel van het document. Zelfs als het begint in het ene element en eindigt in het andere:

<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());

Zie ook

methode getSelection