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