JavaScript childElementCount — кількість дочірніх елементів

Властивість childElementCount повертає кількість дочірніх елементів — не рахуючи пробілів і коментарів.

правити

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

Те саме, що children.length, лише коротше й трохи швидше: браузеру не треба будувати сам список, щоб порахувати його довжину.

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

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

<ul id="list">
</ul>

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

console.log(list.childElementCount); // 0 — пробіли не рахуються
console.log(list.childNodes.length); // 1 — а тут перенос рядка

if (list.childElementCount === 0) {
    list.append('Список порожній');
}