DOM

Document Object Model - представление HTML для JavaScript в виде объектов со свойствами.

Разметка HTML имеет вложенную структуру.

Тег html заключает в себе head со всеми настройками и подключаемыми файлами и body с вложенной в него разметкой страницы.

Тег body в свою очередь имеет вложенные теги с разметкой, согласно семантике и так далее.

<!DOCTYPE html>
<html>
  <head>
    <title>Document title</title>
  </head>
  <body>
    <h1>Page title</h1>
    <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
    </ul>
  </body>
</html>

Первое, что считывает браузер при загрузке страницы - это код HTML.

После полной загрузки HTML формируется DOM - объектная модель документа.

DOM cостоит из узлов. Их три вида:

  1. Element node - узел-элемент.

  2. Text node - текстовый узел.

  3. Comment node - узел-комментарий.

Все логично, ведь в коде HTML у нас есть теги - они соответствуют узлам-элементам, текст внутри тегов, пробелы и переносы строк, соответственно текстовые узлы, ну узлами-комментариями становятся непосредственно комментарии.

PreviousГлобальные объектыNextНавигация по DOM

Last updated