JavaScript. Объектная модель документа (DOM)

Автор: Сергей Кудренко

25.12.2011 14:19

Объектная модель документа – это множество объектов, которые браузер создает на основе кода HTML. Работая с этими объектами можно изменять страницу. Этот способ является основным в создании динамических HTML страниц. Работаем не с текстом в HTML, не с кодом HTML, а с объектами, которые создаются в памяти компьютера, в памяти браузера на основе этого кода. Все эти объекты доступны через JavaScript. Изменяя свойства этих объектов, вызывая у них определенные методы, изменяем саму страницу.

Для того, чтобы понять какие объекты образуются на основе кода HTML и как они образуются нужно вспомнить, что из себя представляет, что из себя представляет код HTML.
Базовой синтаксической конструкцией языка являются теги. Теги в большинстве случаев являются парными. Открывающий тег и закрывающий.
Пара тегов открывающий тег и закрывающий тег образуют элемент HTML.
Элементы HTML вкладываются друг в друга. Можно сказать, что документ HTML представляет из себя множество вложенных друг в друга элементов HTML.
Например, изображен документ HTML. Он состоит из элементов HTML <head></head>,<body></body,<title></title>,<h1></h1>,<div></div>,<h2></h2>,<p></p>. Все они друг в друга как-то вложены.