DOM 2 HTML
Эта модель основана на следующих интерфейсах:
•интерфейс HTMLDocument, соответствующий HTML-документу и производный от интерфейса Document;
•интерфейс HTMLElement, соответствующий абстрактному HTML-элементу и производный от интерфейса Element;
•интерфейсы, соответствующие конкретным элементам языка HTML и производные от интерфейса HTMLElement;
11
Интерфейс HTMLDocument
является корнем в иерархии HTML- элементов. Он наследует все свойства и методы интерфейса Document и, кроме того, содержит несколько дополнительных свойств и методов, призванных облегчить написание сценариев для управления динамическими
страницами.
12
|
Свойства интерфейса HTMLDocument |
|
|||
Свойств |
Изменяем Модель |
Описание |
|
||
о |
ое |
|
Коллекция закладок, определенных |
||
anchors |
Нет |
DOM 1 |
|||
в документе. |
|
||||
|
|
|
|
||
applets |
Нет |
DOM 1 |
Коллекция аплетов, определенных |
|
|
в документе. |
|
||||
|
|
|
|
||
body |
Да |
DOM 1 |
Указатель на тело документа. |
|
|
cookie |
Да |
DOM 1 |
Куки, ассоциированные с |
|
|
документом. |
|
||||
|
|
|
|
||
domain |
Нет |
DOM 1 |
Доменное имя сервера. |
|
|
forms |
Нет |
DOM 1 |
Коллекция форм, определенных в |
|
|
документе. |
|
||||
|
|
|
|
||
images |
Нет |
DOM 1 |
Коллекция графических образов, |
|
|
определенных в документе. |
|
||||
|
|
|
|
||
links |
Нет |
DOM 1 |
Коллекция гиперссылок, |
|
|
определенных в документе. |
|
||||
|
|
|
|
||
referrer |
Нет |
DOM 1 |
URI документа, ссылающегося на |
|
|
данный. |
|
||||
|
|
|
|
||
title |
Да |
DOM 1 |
Титул документа. |
|
|
URL |
Нет |
DOM 1 |
Полный URI документа. |
13 |
|
Методы интерфейса HTMLDocument
Метод |
Модел |
Описание |
|
ь |
|
close
getElementsByN ame
open 
write 
writeln
DOM 1 
Завершаетдокумента.редактирование
Возвращает коллекцию
DOM 1 элементов, имеющих заданное имя.
DOM 1 Открывает документ для редактирования.
DOM 1 Записывает в документ
заданную строку.
Записывает в документ
DOM 1 заданную строку и символ
перевода строки.
14
HTML-элемент: интерфейс
HTMLElement
Интерфейс HTMLElement соответствует HTML-элементу общего вида. Он наследует все свойства и методы интерфейса Element и, кроме того, содержит несколько дополнительных свойств, соответствующих
общим атрибутам элементов HTML.
15
Метод
getAttribute getAttributeNS
getAttributeNode getAttributeNodeNS
getElementsByTagNa me
hasAttribute removeAttribute removeAttributeNode setAttribute 
setAttributeNode
Методы интерфейса Element
Моде |
Описание |
|
ль |
||
|
||
DOM 1 Возвращает значение заданного атрибута. |
||
DOM 2 |
Возвращает значение заданного атрибута с учетом |
|
пространства имен. |
||
DOM 1 Возвращает заданный узел Attr. |
||
DOM 2 |
Возвращает заданный узел Attr с учетом |
|
|
пространства имен. |
|
DOM 1 |
Возвращает список потомков, имеющих заданный |
|
тег. |
||
DOM 2 Проверяет наличие заданного атрибута.
DOM 1 |
Удаляет заданный атрибут. |
DOM 1 |
Удаляет заданный узел Attr. |
DOM 1 |
Добавляет новый атрибут. |
DOM 1 |
Добавляет новый узел Attr. |
16
Свойства интерфейса HTMLElement
Свойство |
Изменяемое Модель |
Описание |
||
className |
Да |
DOM 1 |
Атрибут |
|
class. |
||||
|
|
|
||
id |
Да |
DOM 1 |
Атрибут id. |
|
lang |
Да |
DOM 1 |
Атрибут lang. |
|
style |
Да |
DOM 2 |
Атрибут |
|
style. |
||||
|
|
|
||
title |
Да |
DOM 1 |
Атрибут title. |
|
17
При открытии любого HTML документа браузер предварительно производит разбор его содержимого и на основе этого разбора создает объектную модель HTML документа или более коротко DOM.
DOM состоит из вложенных друг в друга иерархически расположенных объектов, которые называются узлами. Каждый узел в структуре представляет располагающийся на странице HTML элемент.
18
В DOM используется следующая терминология:
node (узел) — элемент, его атрибуты или текст из документа,
element (элемент) — фрагмент документа, соответствующий некоторому тегу (допускает добавление атрибутов),
attribute (атрибут) — атрибут элемента.
19
<html>
<head>
<title>HTML DOM</title> </head>
<body>
<p style="color:green">Привет всем.</p> <h1>HTML DOM.</h1>
</body>
</html>
20