DOM

Опубликовано 2012.08.08 в разделе Html

DOM - всего три буквы,которые наверняка ассоциируются домом или с игрой "дум". На самом деле-это не так. DOM - ни что иное, как Document Object Model. То есть модель документа, представленная в виде объекта. Каждый элемент этого объекта также может быть объектом. С ними можно работать, например изменять их динамически, с помощью JavaScript.(пример работы с элементами на jQuery) Приведём простой пример:
  1. <div>
  2. <input name="name" type="text" value="Значение поля" />
  3. <div class="fields">
  4. <input name="surname" type="text" value="Фамилия" />
  5. <input name="age" type="text" value="25" />
  6. </div>
  7. </div>
  8. <span id="name">Моё имя</span>
Такой html код можно считать DOM деревом. Элементы div, span и input - являются элементами этого дерева. Можно обратиться к любому элементу DOM дерева. Например к полю ввода с именем age. Или сказать что элемент div с классом fields также является объектом, и содержит в себе ещё два элемента типа input. Каждый элемент может аттрибуты, и некоторые элементы могут содержать в себе другие элементы. Такое DOM дерево понятно каждому интернет браузеру, и он интерпретирует его в разметку,понятную человеку. Правильно "сформированное дерево" + "стили" - называют кроссбраузерной вёрсткой. Вот собственно и всё, ничего сложного.

0 Комментариев

Оставить комментарий

Ваш комментарий успешно создан

Ваш комментарий

  • Для выделения кода оберните его в тэги <code> и </code>
  • Отметьте письмо