Metoda createRange
Metoda createRange - tworzy obiekt
fragmentu dokumentu. Ten fragment może
zawierać fragmenty elementów i fragmenty tekstu.
Zobacz przykłady, aby zrozumieć istotę tej metody.
Składnia
document.createRange();
Przykład
Pobierzmy zawartość akapitu:
<p id="p">
<b>abcde</b>fg
</p>
let p = document.getElementById('p');
let text = document.createRange();
text.selectNode(p);
alert(text.toString());
Wynik wykonania kodu:
'abcdefg'
Przykład
Ale w ten sposób można uzyskać nie tylko zawartość elementu, ale ogólnie dowolną część dokumentu. Nawet jeśli zaczyna się w jednym elemencie, a kończy w drugim:
<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());
Zobacz także
-
metoda
getSelection
