เมธอด 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