Знакомство с css

Раздел спецификации объектной модели документа HTML (Document Object Model HTML) вводит несколько интерфейсов общего назначения (таких как HTMLCollection, HTMLDocument) и большое количество интерфейсов, соответствующих элементам языка HTML. Один интерфейс — HTMLElement следует упомянуть особо. От него наследуются все остальные интерфейсы объектов, соответствующих HTML-элементам. Он определяет следующие атрибуты: id, title, lang, dir, className. Некоторые объекты дерева документа реализуют интерфейс HTMLElement непосредственно, не определяя дополнительных свойств и методов. Таким объектам соответствуют следующие элементы HTML:

abbr	big	dfn	noframes	span	tt
acronym	center	dt	noscript	strike	u
address	cite	em	s	strong	var
b	code	i	samp	sub
bdo	dd	kbd	small	sup

Всем остальным HTML-элементам в дереве документа соответствуют объекты, предоставляющие специфические интерфейсы. Так, например, элементу BODY соответствует интерфейс HTMLBodyElement, а элементу A — HTMLAnchorElement. Таким образом, используя спецификацию CSS1 (на компакт-диске находится в каталоге w3c\dom\dom1), можно легко получать информацию о свойствах и методах конкретных типов объектов дерева документа, заведомо поддерживаемых современными брау- зерами.
На компакт-диске (в файле addons\html-dom.html) находится таблица соответствия элементов HTML интерфейсам DOM с указанием списков атрибутов и методов для каждого типа объекта.

Иерархия объектов модели документа браузера

Важным преимуществом объектной модели W3C DOM, обеспечивающим простоту ее применения является представление документа в виде дерева. Древовидное представление объектной иерархии позволяет использовать унифицированные методы доступа к информации документа, к тому же, оно наибольшим образом соответствует структуре HTML- и XML-документов. Рассмотрим простой HTML-документ следующего содержания:



href="http://codeguru.ru">codeguru.ru
текст курсив подчеркнутый курсив курсив
текст

Блоками с темным фоном на рисунке изображены объекты, соответствующие элементам HTML. Все остальные узлы дерева являются объектами, представляющими текстовые фрагменты документа. Стоит заметить, что это лишь один из возможных вариантов иерархии объектов модели документа. Структура иерархии может различаться при обработке документа различными браузерами. Например, по-разному могут представляться последовательности пробельных символов между HTML-элементами в разметке.

Способы доступа к объектам модели документа

В данном разделе мы рассмотрим ключевой аспект создания динамических Web-страниц — способы доступа к объектам модели гипертекстового документа. Получив возможность выборочно ссылаться на эти объекты из скрипта, мы сможем изменять содержимое и структуру документа с помощью наших сценариев. Существует несколько стандартных (т. е. описываемых спецификациями W3C DOM и поддерживаемых всеми современными браузерами) способов доступа к объектам мо- дели документа. Рассмотрение этих способов будет проводиться на примере гипертекстового документа следующего содержания (см. файл examples\04\ex_4_01.htm на компакт-диске):

Button

Ссылка 0
Ссылка 1


echo "А вот и PHP!
";
?>
Всё очень просто!
Это моя первая веб-страница
и
<р>Это моя первая XHTML страница.
нужно добавить еще несколько параметров.