JavaScript nodeType — тип вузла DOM
Властивість nodeType повертає число, що каже, який це вузол.
Загальний опис
На практиці потрібні три значення:
- 1 — елемент (теґ);
- 3 — текстовий вузол (у тому числі пробіли й переноси);
- 8 — коментар.
Є ще типи для документа (9) і фрагмента (11), але зустрічаються вони рідше.
Ця властивість — головний спосіб відсіяти пробіли при обході childNodes. Хоча в більшості випадків простіше взагалі не мати з ними справи й брати children.
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1 | 1 | 1.1 | 7 | 12 | 6 |
| Переглядач | ||||
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Розділити дітей на теґи, текст і коментарі.
HTML
<div id="box">
Текст
<!-- коментар -->
<span>Теґ</span>
</div>
JS
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);
}
}
Коментарі
Коментарів ще немає — будьте першим!