Phương thức createRange

Phương thức createRange - tạo đối tượng đoạn văn bản của tài liệu. Đoạn văn bản này có thể chứa các phần tử và các đoạn văn bản. Xem các ví dụ để hiểu bản chất của phương thức này.

Cú pháp

document.createRange();

Ví dụ

Lấy nội dung của đoạn văn:

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

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

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

Kết quả thực thi mã:

'abcdefg'

Ví dụ

Nhưng bằng cách này có thể lấy không chỉ nội dung của phần tử, mà nói chung là bất kỳ phần nào của tài liệu. Ngay cả khi nó bắt đầu trong một phần tử và kết thúc trong phần tử khác:

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

Xem thêm

phương thức getSelection