В прошлом месяце Брэтт представил Document Object Model, элементы которой
работают за кулисами ваших Web-страниц. В этом месяце он рассматривает DOM
еще детальнее. Узнайте, как создавать, удалять и изменять части DOM-дерева,
и сделайте очередной шаг к динамическому обновлению ваших Web-страниц!
Если вы следили за дискуссией в этой серии статей
в прошлом
месяце, значит, имеете начальное представление о том, что происходит при
отображении Web-браузером ваших Web-страниц. Я объяснял, что когда определенные
вами для страницы HTML и CSS передаются в Web-браузер, они транслируются из
текстовой в объектную модель. Это истинно и для простого кода и для сложного,
для кода, расположенного в одном файле и в отдельных файлах. Браузер напрямую
работает с объектной моделью, а не с предоставленными вами текстовыми файлами.
Используемая браузером модель называется Document Object Model. Она
соединяет объекты, представляющие элементы, атрибуты и текст в ваших документах.
В эту объектную модель внедрены все стили, значения и даже большинство из
пробелов вашего HTML и CSS-кода. Конкретная модель для данной Web-страницы
называется DOM-деревом страницы.
Понимание того, что представляет собой DOM-дерево, и даже знание того, как
оно представляет ваш код HTML и CSS - это только первый шаг на пути к управлению
вашими Web-страницами. Вы должны научиться работать с DOM-деревом конкретной
Web-страницы. Например, если вы добавите элемент к DOM-дереву, этот элемент
немедленно появится в браузере пользователя без перезагрузки страницы. Удалите
какой-нибудь текст из DOM-дерева, и этот текст исчезнет с экрана пользователя.
Вы можете изменить интерфейс и взаимодействовать с интерфейсом пользователя
через DOM, что дает вам огромную мощь и гибкость при программировании. Изучив
работу с DOM-деревом, вы сделаете гигантский шаг навстречу овладению развитыми,
интерактивными, динамичными Web-сайтами.
Обращаю внимание на то, что следующий материал основан на статье "Исследование
DOM для Web-ответа"; если вы ее не читали, то, возможно, захотите сделать
это перед продолжением работы над данной статьей.
Продолжить просмотр статьи >>>
|
