JavaScript firstElementChild — перший дочірній елемент

Властивість firstElementChild повертає перший дочірній елемент — теґ, а не текстовий вузол.

правити

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

Саме її й треба брати замість firstChild, який у відформатованій розмітці майже завжди віддає перенос рядка.

Якщо дочірніх елементів немає взагалі — повертає null.

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

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

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

console.log(list.firstElementChild.textContent); // 'Перший'
console.log(list.firstChild.nodeType);           // 3 — текст

// порожній елемент — null
console.log(document.createElement('div').firstElementChild); // null