JavaScript lastChild — останній дочірній вузол

Властивість lastChild повертає останній дочірній вузол — будь-якого типу.

правити

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

Та сама історія, що й із firstChild: останнім вузлом майже завжди виявляється перенос рядка перед закривальним теґом.

Потрібен останній елемент — lastElementChild.

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

<ul id="list">
    <li>Перший</li>
    <li>Другий</li>
</ul>

const list = document.getElementById('list');

console.log(list.lastChild.nodeType);        // 3 — текст
console.log(list.lastElementChild.textContent); // 'Другий'