Метод document.getElementById()

В многих программных кодах, которые вам придется изучать, вы встретите метод document.getElementByld(). С его синтаксисом вы ознакомились в главе 14 при изучении способов обращения к объектам документа. Пусть вас не смущает столь длинное и запутанное имя. Наличие в нем большого количества символов смешанного регистра делает имя легким для запоминания и распознания в коде.

Единственный параметр этого метода представляет собой текстовую строку, заключенную в кавычки. В этой текстовой строке указывается идентификатор элемента, на который в коде создается ссылка. Сам же метод возвращает значение, которое обычно подставляется в переменную, используемую в операторах сценария.

var oneTable = document.getElementById("salesResults")

После назначения переменной подобного значения она представляет в программном коде объект элемента. В дальнейшем с ее помощью можно назначить объекту все необходимые свойства и выполнить его методы.

В следующей главе мы рассмотрим объекты более высокого иерархического уровня - формы.

Упражнения

1. Какие из приведенных ниже ссылок являются корректными, а какие нет? Объясните, почему некоторые из них неверны.

а) window.document.form[0]

б) self.entryForm.submit()

в) document.forms[2].name

г) document.getElementById("firstParagraph")

д) newWindow.document.write("Howdy")

2. Напишите оператор JavaScript, который отображает сообщение в строке состояния, приветствующее новых посетителей Web-страницы.

3. Напишите оператор JavaScript, который отображает упомянутое выше сообщение, но уже на уровне заголовка <hl> страницы.

4. Создайте страницу, которая предлагает (в диалоговом окне) пользователю ввести его или ее имя, а после этого будет приветствовать его (ее) по имени. Приветствие должно отображаться в основной части страницы.

5. Создайте страницу, содержащую произвольный текст (какой хотите). Сразу после загрузки она должна автоматически выводить диалоговое окно с адресом URL текущей страницы.