27 Октября 2022 г.

DOM

Содержание

1. Типы узлов

---

Document Object Model (DOM) - это древовидная структура которая позволяет управлять текущей страницей.

Каждый объект этого дерева - это узел. Узлом может как элемент, так и текст. У текстового узла не может быть потомков.

Пробелы и переводы строк - это такие же текстовые узлы.

Важно помнить, что есть в html разметке, является частью dom.

Типы узлов

Существуют 12 типов узлов, но на практике будут использоваться только 5 узлов:

1. Element - Элемент (1)
2. Attr - Атрибут (2)
3. Text - Текст (3)
4. Comment - Комментарий (4)
5. Document - Документ (9)

Сам объект Document включает в себя множество свойств и методов. DOM и текущая страница взаимосвязаны.

Каждый DOM-узел принадлежит соответствующему встроенному классу

В большинстве случаев каждый тег это отдельный класс

Иерархия выглядит следующим образом, Классы наследуют друг друга, тем самым дополняя функционал

• EventTarget
• Node
  • Text
  • Element
    • HTMLElement
      • HTMLBodyElement
    • SVGElement
  • Comment

По сути DOM узел - это обычный js объект

---

---

---