JavaScript nodeName — ім'я вузла DOM
Властивість nodeName повертає ім'я вузла: для теґа це його назва, для тексту — #text, для коментаря — #comment.
Загальний опис
Головна пастка тут — регістр. Для HTML-елементів ім'я повертається великими літерами: DIV, а не div. Тому порівняння node.nodeName === 'div' ніколи не спрацює.
Те саме стосується tagName — це фактично nodeName для елементів.
Надійніше не порівнювати рядки взагалі, а питати element.matches('div') — так і регістр не переплутаєш, і селектор можна взяти складніший.
- Нотатка
-
У HTML ім'я — ВЕЛИКИМИ літерами, а в XML і SVG — так, як написано. Порівняння з малими літерами тихо не спрацює.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | ≤12.1 | 12 | 6 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Регістр, на якому ламається порівняння.
HTML
<div id="box">Текст</div>JS
const box = document.getElementById('box');
console.log(box.nodeName); // 'DIV' — великими!
console.log(box.nodeName === 'div'); // false — типова помилка
console.log(box.nodeName === 'DIV'); // true
// надійніше — не порівнювати рядки
console.log(box.matches('div')); // true
console.log(box.firstChild.nodeName); // '#text'Коментарі
Коментарів ще немає — будьте першим!