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

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

правити

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

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

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

правити

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

Переглядачі

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

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

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

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

Переглядач
selectNode	yes	yes	yes	yes

Приклади

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

<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();