Learning Book

DOM API

DOM-дерево, querySelector, создание и изменение элементов, атрибуты, классы, DocumentFragment

DOM API

DOM (Document Object Model) — это программный интерфейс для HTML и XML документов. Браузер строит дерево объектов из HTML, и JavaScript может взаимодействовать с ними.

Что вы узнаете

  • Структура DOM-дерева: типы узлов, traversal
  • Поиск и создание элементов
  • Работа с атрибутами, классами и стилями
  • DocumentFragment для производительного обновления DOM
DOM API — это не часть JavaScript! Это Web API, предоставляемый браузером. Node.js по умолчанию не имеет DOM.

Подглавы

  1. DOM-дерево — что такое DOM, типы узлов, traversal
  2. Поиск и манипуляции — querySelector, createElement, append/remove
  3. Атрибуты, классы, стили — getAttribute, classList, dataset
  4. DocumentFragment и производительность — батчинг, reflow/repaint
<CrossLink chapter="ch09-objects" title="Объекты" /><CrossLink chapter="ch29-events" title="События и делегирование" /><CrossLink chapter="ch30-performance" title="Производительность браузера" />