DOM

Опубликовано 2012.08.08

DOM - всего три буквы,которые наверняка ассоциируются домом или с игрой "дум". На самом деле-это не так. DOM - ни что иное, как Document Object Model. То есть модель документа, представленная в виде объекта. Каждый элемент этого объекта также может быть объектом. С ними можно работать, например изменять их динамически, с помощью JavaScript.(пример работы с элементами на jQuery) Приведём простой пример:

<div>
     <input name="name" type="text" value="Значение поля" />
     <div class="fields">
          <input name="surname" type="text" value="Фамилия" />
          <input name="age" type="text" value="25" />
     </div>
</div>
<span id="name">Моё имя</span>

Такой html код можно считать DOM деревом. Элементы div, span и input - являются элементами этого дерева. Можно обратиться к любому элементу DOM дерева. Например к полю ввода с именем age. Или сказать что элемент div с классом fields также является объектом, и содержит в себе ещё два элемента типа input. Каждый элемент может аттрибуты, и некоторые элементы могут содержать в себе другие элементы. Такое DOM дерево понятно каждому интернет браузеру, и он интерпретирует его в разметку,понятную человеку. Правильно "сформированное дерево" + "стили" - называют кроссбраузерной вёрсткой. Вот собственно и всё, ничего сложного.