Проектирование Интернет приложений. Тузовский А.Ф. - 54 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

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

Рубрика: 

54
links[ ] – массив ссылок на гипертекстовые связи, сформированные в
HTML-документе с помощью элементов <а>;
images[ ] – массив ссылок на изображения, включенные в состав
web-страницы с помощью элемента <img>;
forms[ ] – массив ссылок на формы, созданные посредством элемен-
тов <form>.
Ссылки на объекты Link, Image и Form содержатся в массивах links[],
images[] и forms[] в том же порядке, в котором они встречаются в исход-
ном тексте HTML-документа. Так, images[0] ссылается на первое изо-
бражение в составе web-страницы, images[1] – на второе изображение и
т.д.
Объект Form, в свою очередь, ссылается на интерактивные элемен-
ты, принадлежащие форме. Несмотря на то, что каждый из элементов
является объектом определенного типа (например, Text, Password, Radio,
Checkbox и т.д.), для их описания существует также обобщенный тип
Element. Соответственно ссылки на интерактивные элементы, принад-
лежащие форме, содержатся в свойстве elements объекта Form.
Например, чтобы получить строку текста, которую пользователь
ввел в поле формы, расположенной на web-странице, можно использо-
вать следующее выражение:
line = document.forms[0].elements[2].value;
В результате выполнения данной команды, значение третьего ин-
терактивного элемента, принадлежащего первой форме, входящей в со-
став текущего документа, будет скопировано в переменную line. Данная
команда выполнится корректно лишь в том случае, если будет правиль-
но указан индекс массива elements[]. Он должен соответствовать поряд-
ковому номеру элемента в составе формы.
Динамическое изменение HTML документов
Для работы с объектной моделью документа DOM чаще всего ис-
пользуются методы группы getElements, которые предназначены для
быстрого поиска элементов HTML:
Метод document.getElementById(id), используется для поиска
элементов по значению атрибута id в элементах документа.
Метод document.getElementsByTagName(tag) возвращает коллек-
цию всех элементов с определенным тэгом, и среди них можно искать
нужный. Например, можно получить второй элемент (нумерация в мас-
сиве идет с нуля) с тэгом <p>: document.getElementsByTagName('p')[1]
Метод document.getElementsByName(name) возвращает все эле-
менты, у которых имена (атрибут name) равны заданному значению. Он

Страницы