Объект document


Свойства

activeElement, alinkColor, bgColor, body, charset, cookie, defaultCharset, domain, expando, fgColor, lastModified, linkColor, location, parentWindow, readyState, referrer, selection, title, URL, vlinkColor

Наборы

all, anchors, applets, children, embeds, forms, frames, images, links, plugins, scripts, styleSheets

Методы

clear, close, createElement, createStyleSheet, elementFromPoint, execCommand, open, queryCommandEnabled, queryCommandIndeterm, queryCommandState, queryCommandSupported, queryCommandText, queryCommandValue, ShowHelp, write, writeln

События


Свойства

activeElement R. Определяет, какой элемент документа имеет фокус, то есть активен.
var a=document.activeElement;
alinkColor;
linkColor;
vlinkColor ;
fgColor;
bgColor
R/W. Определяют свойство-цвет, первые 3 - гиперссылок, 4 - цвет текста, 5 - цвет документа.
var a=document.alinkColor;          - получить цвет;
alert(a);
document.bgСolor="#CCCCCC"; - установить цвет
body Еще один объект.
charset, defaultCharset R/W. Кодовая страница документа. +
expando R/W. Если свойство установлено в true, переменные AbC и abc - одно и то же, если в false,  то не одно и то же :)
lastModified R. Дата последнего изменения документа.
location см. window.location
parentWindow R. Возвращает объект-окно
readyState R. Принимает 4 значения:
1) uninitialized
2) loading
3) interactive
4) complete , описывающие состояние документа при загрузке.
referrer R. URL предыдущего документа
selection то, что вы выделили. Имеет свойство type (none, text, control), и методы clear(), createRange(), empty().
var a=document.selection;
alert(document.selection.type);
a.clear();
title Возвращает название документа (в тэгах <title></title>)
url R/W. URL документа.

 

Наборы

all

 

Возвращает все вложенные объекты данного объекта. Для чего этот набор нужен:

Как мы можем изменить свойства (style) отдельного объекта документа, будь то рисунок или таблица?

 
1) В документе могут быть объекты (они, как и all - тоже наборы), к которым мы обращаемся как к массивам, по их индексу. Это anchors(якоря), applets(апплеты), forms(формы), frames(фреймы), images(картнки), links(ссылки), plugins(плаг-ины), scripts(скрипты), styleSheets(таблицы стилей). То есть мы задаем индекс, например, так:
document.images[2].style.left=100;
Нумерация идет по порядку, сверху, начиная с 0 (как указано в коде HTML)

2) Чтобы не обращаться по индексу, можно указать для каждого из вышеуказанных элементов имя (name):
<form name="form1" ...>
<input type="submit" ...>
</form>

<frame name="left" ...>

<img name="img1" src="...">
И писать так:
document.form1.submit();
parent.left.document.location.href="www.netscape.com";//для фреймового д-та
document.img1.src="http://www.......edu/images/img1.jpg";

document.all имеет свойство length, определяющее количество ВСЕХ элементов документа
for(i=0; i<document.all.length; i++) {
    alert(document.all(i).tagName);
}
+ (но лучше не жмите на эту ссылку:)),
а также методы
а) item. Для того, чтобы воспользоваться этим методом, мы должны для каждого элемента документа, к которому мы хотим обратиться, определить ID, который может быть и одинаковым (в т.ч. для разных объектов):
<TD ID="ROW">First item</TD>
<TD ID="ROW">Second item</TD>.

Объекты с одинаковым ID могут быть разными:
<TH ID="ROW">First item</TH>
<TD ID="ROW">Second item</TD>
но как правило, одинаковый ID присваивают однотипным элементам. Также можно воспользоваться и свойством name (см.выше), используя его вместо ID. Просто не каждому объекту положено иметь имя, а только вышеперечисленным (frames, applets и т.д). Готово! Теперь:

var coll = document.all.item("Sample")//-возвращает объект
if (coll!=null) {
    for (i=0; i<coll.length; i++)
        alert(document.all.item("Sample",i).tagName);
}


; те в этом документа два объекта - <br> и <td> с ID "Sample"


"Э-э", -скажете,-"почему во вторых скобках какой-то появился индекс?" А потому, что у нас несколько объектов имеют одинаковый ID - как же мы будем их различать? А вот по индексу, хотя, если объект с данным ID в документе один, то индекс можно не указывать. Нумерация, если помните, начинается с 0.

б) tags. Вот пример:

if (document.all.tags("P")!=null) {
    for (i=0; i<document.all.tags("P").length; i++)
document.all.tags("P")[i].style.textDecoration="underline";
}

Т.е, можно прямо обращаться к свойствам объекта, прямо указывая его тэг и порядковый номер! Безо всяких там ID и прочей американщины.

document.all.tags("hr")[10].style.color="0000FF";

anchors, applets, children, embeds, forms, frames, images, links, plugins, scripts, styleSheets Те же своиства и те же методы, что и у all (length, item, tags)

Методы

close() В отличие от windows.close() не закрывает окно броузера, а прекращает вывод информации в выходной поток, т. е. на экран (аналогично нажатию stop в броузере)
createElement(tag) Создает  новый элемент. Можно создать только <IMG> или <OPTION>.
var newimg=document.createElement("IMG");
newimg.src="...";
createStyleSheet(url,index) 1) создает гиперссылку на каскадную таблицу стилей:
document.createStyleSheet('styles.css');
2)создает новую таблицу на лету:
document.createStyleSheet(document.body.style.backgroundColor='blue');
индекс определяет, в каком месте коллекции CSS документа будет вставлена новая. Параметр не обязателен. По умолчанию - в конец.
elementFromPoint(x,y) возвращает объект, находящийся в данных координатах. Отсчет - от (0,0) вернего левого угла документа.

onClick="javascript:
var a=document.elementFromPoint(window.event.x,window.event.y);
alert(a.value+'\n'+window.event.x+'  '+window.event.y);"
open() document.open("text/html", "replace"); Открывает новый выходной поток. Первый параметр - тип, второй - необязательный, указывает - хотите ли вы удалить предыдущий документ из истории.
write()
writeln()
выводит текст в ваш документ.
document.writeln("Hello!");
document.write("<h1>World</h1>"+"<hr>");
первая делает перевод строки, вторая - не делает. При желании можно хоть целый документ написать таким макаром, но надо ли?
Hosted by uCoz