Какие элементы являются узлами дерева?

Узлы дерева DOM: элементы (Element), текст (Text), атрибуты (Attr), комментарии (Comment), документ (Document), а также DocumentFragment и DocumentType.

Типы узлов DOM

Element (узел-элемент)

HTML-теги — основные узлы:

<div>, <p>, <span> — узлы-элементы

nodeType === 1.

Text (текстовый узел)

Текст внутри элементов:

<p>Привет</p> <!-- "Привет" — текстовый узел -->

nodeType === 3. Пробелы/переносы тоже текстовые узлы.

Comment (комментарий)

<!-- комментарий --> <!-- узел-комментарий -->

nodeType === 8.

Document (документ)

Корневой узел дерева (document), nodeType === 9.

Attr (атрибут)

Атрибуты элементов (в старой модели — узлы; сейчас доступ через attributes).

DocumentType

<!DOCTYPE html> — узел типа документа.

DocumentFragment

Легковесный контейнер для узлов (для эффективной вставки, не в основном дереве).

Иерархия узлов

Document
 └─ Element (<html>)
     ├─ Element (<head>)
     └─ Element (<body>)
         ├─ Element (<p>)
         │   └─ Text ("Привет")
         └─ Comment

Node vs Element

• Node — любой узел (базовый тип).
• Element — подтип Node (только теги).

Свойства: childNodes (все узлы, включая текст), children (только элементы).

Коротко для собеседования

Узлы DOM: Element (теги, nodeType 1), Text (текст, nodeType 3, включая пробелы), Comment (nodeType 8), Document (корень, nodeType 9), Attr (атрибуты), DocumentType (<!DOCTYPE>), DocumentFragment (контейнер для вставки). Node — базовый тип, Element — подтип. childNodes — все узлы, children — только элементы.