Свойства объекта Document

Начнем со свойств, общих для всех браузеров. Большинство их доступны как для чтения, так и для изменения. Все значения свойств — строковые.

· title — текст заголовка документа (содержимое элемента title);

· fgColor и bgColor — цвет текста и цвет фона документа;

· linkColor, vLinkColor, aLinkColor — цвета непосещенных, посещенных и активных гиперссылок;

· lastModified (только для чтения) — дата изменения документа;

· referrer (только для чтения) — адрес источника перехода;

· URL, location — собственный адрес документа.

Более интересны и полезны для разработчика свойства-массивы объекта Document. Все они, естественно, имеют свойство length (количество элементов в массиве). Большинство свойств, специфичных для объектов, хранящихся в этих массивах, ассоциируются с атрибутами соответствующих элементов HTML (список неполный):

· объект Anchor (якорь) имеет единственное свойство name;

· объект Link (ссылка) имеет свойства href, target;

· объект Image (изображение) имеет свойства src, width, height.

К объектам документа, хранящимся в массивах images, controls и прочим, а также к элементам форм можно обращаться по имени (свойство name) или идентификатору (свойство id). Пусть, например, в документе имеется описание <img src="images/cat.jpg" id="cat_id" name="cat_name"> и оно является n-ым изображением, встречающимся в документе. К этому элементу img можно обратиться по крайней мере следующими способами:

1. Как к элементу массива images по индексу (индексация начинается с 0):window.document.images[n-1]

2. Как к элементу хэш-массива images по ключу (значение name как ключ массива):window.document.images["cat_name"]

3. Используя значение атрибута name как свойство объекта: window.document.cat_name

4. Используя значение атрибута id и свойство getElementById:window.document.getElementById("cat_id")

Методы объекта Document

· open() — открывает новый документ; при этом все его содержимое удаляется.

· close() — закрывает ранее открытый документ.

· write() — записывает в документ заданную в качестве аргумента строку.

· writeln() — аналогичен предыдущему, но выведенная в документ строка заканчивается символом перевода строки.

Методы write() и writeln() весьма полезны и часто используются для динамического формирования содержимого документа. Вот как, например, можно включить в документ дату его последнего изменения:

<script>document.write(document.lastModified);</script>

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: