JavaScript nodeType — тип вузла DOM

Властивість nodeType повертає число, що каже, який це вузол.

правити

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

На практиці потрібні три значення:

• 1 — елемент (теґ);
• 3 — текстовий вузол (у тому числі пробіли й переноси);
• 8 — коментар.

Є ще типи для документа (9) і фрагмента (11), але зустрічаються вони рідше.

Ця властивість — головний спосіб відсіяти пробіли при обході childNodes. Хоча в більшості випадків простіше взагалі не мати з ними справи й брати children.

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

<div id="box">
    Текст
    <!-- коментар -->
    <span>Теґ</span>
</div>

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

for (const node of box.childNodes) {
    if (node.nodeType === 1) {
        console.log('елемент:', node.tagName);
    } else if (node.nodeType === 3) {
        console.log('текст:', JSON.stringify(node.textContent));
    } else if (node.nodeType === 8) {
        console.log('коментар:', node.textContent);
    }
}