Methode createRange

Die Methode createRange erstellt ein Objekt eines Dokumentfragments. Dieses Fragment kann Teile von Elementen und Textabschnitte enthalten. Sehen Sie sich die Beispiele an, um das Wesen dieser Methode zu verstehen.

Syntax

document.createRange();

Beispiel

Holen wir uns den Inhalt des Absatzes:

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

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

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

Ergebnis der Codeausführung:

'abcdefg'

Beispiel

Auf diese Weise kann man jedoch nicht nur den Inhalt eines Elements erhalten, sondern grundsätzlich jeden Teil des Dokuments. Selbst wenn er in einem Element beginnt und in einem anderen endet:

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

Siehe auch

Methode getSelection