Μέθοδος createRange

Η μέθοδος createRange δημιουργεί ένα αντικείμενο τμήματος εγγράφου. Αυτό το τμήμα μπορεί να περιέχει τμήματα στοιχείων και τμήματα κειμένου. Δείτε τα παραδείγματα για να κατανοήσετε την ουσία αυτής της μεθόδου.

Σύνταξη

document.createRange();

Παράδειγμα

Ας πάρουμε το περιεχόμενο της παραγράφου:

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

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

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

Αποτέλεσμα εκτέλεσης κώδικα:

'abcdefg'

Παράδειγμα

Αλλά με αυτόν τον τρόπο μπορείτε να πάρετε όχι μόνο το περιεχόμενο του στοιχείου, αλλά γενικά οποιοδήποτε μέρος του εγγράφου. Ακόμα κι αν αρχίζει σε ένα στοιχείο και τελειώνει σε άλλο:

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

Δείτε επίσης

μέθοδος getSelection