Равиши 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