JavaScript. Основы клиентского программирования. Захаркина В.В. - 18 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

34
Идентификация по ID
Если у HTML-элемента указан атрибут id, то к нему можно
обращаться, используя значение этого атрибута. При этом
применяется метод getElementById(). Обратите внимание на то,
что это - метод объекта document. Ниже приведен пример.
<span id="q">тест</span>
<span onClick=
"document.getElementById('q').style.color =
'red'">
щелкни мышкой, и предыдущий текст станет
красным
</span>
Щелчок мышью по элементу, в котором задан обработчик
onClick,
приведет к изменению цвета элемента с id="q".
Обращение ко всем элементам
указанного типа
Метод getElementsByTagName() объекта document возвращает
массив элементов с указанным именем тега. Например,
getElementsByTagName('h2') возвратит массив всех заголовков 2-
го уровня.
Свойства HTML-элементов в DOM2
Интерфейс DOM2 определяет ряд общих свойств элементов, а также
наборы свойств, специфичных для элемента документа конкретного
типа. Не заглядывая в справочник, мы можем быть, по крайней мере,
уверены в том, что каждый HTML-элемент имеет свойства,
соответствующие его атрибутам, определенным в стандарте HTML.
При этом имена атрибутов HTML транслируются в имена свойств
следующим образом:
35
• Имя атрибута HTML, представляющего одно слово, транслируется
в имя свойства без изменений. Все буквы в имени свойства
строчные. Исключение: атрибут
class транслируется в свойство
className.
• Имя атрибута HTML, представляющего несколько слов,
транслируется в имя свойства, в котором все слова идут слитно
(без дефисов и прочих разделителей). Первые буквы второго и
последующих свойств являются прописными. Например
,
maxLength, borderColor и т.д.
Таким образом, все элементы имеют свойства id, style, title,
lang, dir и className.
В дополнение к этим общим свойствам, элемент каждого типа
обладает специфическими. Например, для элемента img это свойства
src, width и height.
Доступ к свойствам элементов документа позволяет желаемым
образом организовать их интерактивное изменение.
Окна и фреймы.
Объект Window
Работа с окнами (текущими и открываемыми из сценария) и фреймами
в JavaScript организуется по одной схеме. И это естественно, ведь и в
полное окно, и во фрейм (в частности, встроенный) загружается
отдельный документ HTML.
К объектам текущего окна обращаются, используя синонимы
window или self, причем в этом случае указание окна можно даже
опускать
. Приведем пример обращения к свойству bgcolor
(фоновый цвет) объекта Window. Это свойство приводится
исключительно для примера. Использование его в реальных сценариях
абсолютно неактуально, зато смысл понятен, что позволит
сосредоточиться на формате обращения к окну. Для текущего окна
следующие три обращения равносильны:

Страницы