Méthode createRange

La méthode createRange - crée un objet fragment de document. Ce fragment peut contenir des fragments d'éléments et des sections de texte. Consultez les exemples pour comprendre l'essence de cette méthode.

Syntaxe

document.createRange();

Exemple

Obtenons le contenu du paragraphe :

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

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

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

Résultat de l'exécution du code :

'abcdefg'

Exemple

Mais de cette façon, on peut obtenir non seulement le contenu d'un élément, mais aussi n'importe quelle partie du document. Même si elle commence dans un élément et se termine dans un autre :

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

Voir aussi

méthode getSelection