DOM - объектная модель документа


 Для программирования и придания странице динамичности необходим программный доступ ко всем элементам HTML кода. Нужен инструмент, позволяющий легко находить в коде нужный пункт меню, заголовок или ячейку таблицы.
Представление HTML   кода в виде иерархической древовидной структуры позволяет легко в нем ориентироваться. Каждый тег HTML документа – это узел дерева. Вот такое представление (модель) html кода называется – объектной моделью документа (DOM).
DOM – это интуитивно понятный способ перемещения по иерархическому дереву.

Иерархия HTML кода

  Для работы с DOM  используется объект document. С помощью  document, можно получить нужный элемент иерархического дерева и поменять его содержание.
Например, document.body – это обращение к тегу body.
У каждого DOM элемента есть свои свойства, которые можно менять.
Например, очень часто используемое свойство – inner HTML – позволяет менять html код внутри элемента. Свойства типа onclick, onkeypress, onfocus – содержат функции обработчики, позволяющие реагировать на соответствующие события.