JavaScript Range.selectNode() — діапазон навколо вузла

Метод selectNode() робить діапазон, що охоплює вузол разом із його теґом.

правити

Загальний опис

Різниця з selectNodeContents() рівно в одному: selectNode() бере сам елемент, а selectNodeContents() — лише те, що всередині нього.

Це стає видно, щойно спробуєш вирізати діапазон: у першому випадку зникне весь елемент, у другому — лише його начинка, а порожній теґ лишиться.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	9	12	9

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Приклади

+ запропонувати свій приклад у пісочниці

<div id="box"><b>Жирний</b> текст</div>

const box = document.getElementById('box');
const bold = box.querySelector('b');

const withTag = document.createRange();
withTag.selectNode(bold); // разом із <b>

const inside = document.createRange();
inside.selectNodeContents(bold); // лише 'Жирний'

// вирізаємо: у першому разі зникне весь <b>
withTag.deleteContents();