JavaScript Range.endContainer — вузол, де закінчується діапазон

Властивість endContainer повертає вузол, у якому діапазон закінчується.

правити

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

Може бути іншим вузлом, ніж startContainer — саме так виглядає виділення, що тягнеться через кілька абзаців.

Якщо вони збігаються, виділення не виходить за межі одного текстового вузла — це найпростіший випадок, і багато редакторів обробляють лише його.

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

<p id="editor">Текст із <b>вкладеним</b> елементом</p>

// виділяємо вміст усього абзацу — через <b> усередині
const initialRange = document.createRange();
initialRange.selectNodeContents(document.getElementById('editor'));
window.getSelection().removeAllRanges();
window.getSelection().addRange(initialRange);

const range = window.getSelection().getRangeAt(0);

const simple = range.startContainer === range.endContainer;

console.log(simple
    ? 'Виділення в межах одного вузла'
    : 'Виділення через кілька елементів');