Обзор свойств и методов элементов

Для большинства элементов применимы следующие свойства

id - задает уникальное имя элемента на странице, может использоваться как имя объекта в скриптах;

className - задает класс элемента, по которому применяется соответствующий стиль. В качестве значения можно задать строку с несколькими именами классов, разделенных пробелами, таким образом элементу может быть назначено несколько стилей;

innerHTML - определяет содержимое элемента, например для кода

<div id="bbold"> any <b>bold</b> text</div>

код document.getElementById('bbold').innerHTML вернет значение any <b>bold</b> text В IE попытка изменить это свойство для некоторых элементов, например tr, приведет к сообщению "неизвестная ошибка выполнения". Но в FF это будет работать.

style - через данное свойство можно управлять стилем элемента, например следующий код

var anyvar=document.getElementById('anyid');

anyvar.style.color='red';

устанавливает элементу с id равным anyid красный цвет, что эквивалентно style="color:red;" в HTML коде;

title - текст всплывающей подсказки;

tabIndex - индекс элемента для переключения по клавише TAB.

Для фреймов, закладок, изображений, элементов управления, апплетов и т.п. определено свойство name, задающее имя элемента.

Ссылочные элементы (теги A, AREA и LINK) имеют свойство href, содержащее ссылку (url) на файл.

Элементы загружающие внешние объекты на страницу (теги APPLET, EMBED, FRAME, IFRAME, IMG, INPUT type=image), имеют свойство src, содержащее адрес (url) файла с объектом.

Элементы управления имеют свойство disabled, определяющее доступность элемента пользователю, и свойство form, ссылающееся на форму их содержащую.

Для каждого аттрибута HTML тега в JavaScript есть соответствующее свойство, которое обычно имеет тоже имя, что и атрибут (в этом случае имя свойства пишется только маленькими буквами). Но не наоборот. Такие браузеры как IE реализуют множество свойств, недоступные через атрибуты HTML тегов.

Большинство элементов обладают следующими методами:

click() - вызывает событие клика на элементе;

blur() - убирает фокус с элемента (возможно свойство tabIndex должно быть установлено);

focus() - устанавливает фокус на элемент (возможно свойство tabIndex должно быть установлено);

getElementsByTagName(x) - возвращает массив дочерних элементов, которые были определены через тег x.