DOM: Объект document - методы
Рассмотрим методы объекта Document и разберем пример
| Метод | Описание | IE | F | O | W3C |
|---|---|---|---|---|---|
| close() | Закрывает поток вывода открытый с помощью метода open() и отображает собранные данные | 4 | 1 | 9 | Да |
| getElementById() | Возвращает ссылку на первый объект с указанным идентификатором | 5 | 1 | 9 | Да |
| getElementsByName() | Возвращает коллекцию объектов с указанным именем | 5 | 1 | 9 | Да |
| getElementsByTagName() | Возвращает коллекцию объектов с указанным именем тэга | 5 | 1 | 9 | Да |
| open() | Открывает поток для сбора данных полученных от методов write() или writeln() | 4 | 1 | 9 | Да |
| write() | Записывает HTML или JavaScript код в документ или поток (если был открыт ранее) | 4 | 1 | 9 | Да |
| writeln() | Работает идентично write(), но добавляет символ новой строки после каждого выражения | 4 | 1 | 9 | Да |
А теперь рассмотрим пример:
Функция getElementById() очень часто используется для сотворения динамически меняющихся страниц. В данном случае, речь идет о перехвате клика мышкой на тексте и отображении в окне alert содержимого.
<html>
<head>
<script type=”text/javascript”>
function getValue()
{
var x=document.getElementById(”myHeader”)
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id=”myHeader” onclick=”getValue()”>Это заголовок</h1>
<p>Кликните на заголовке, чтобы увидеть в окне alert это сообщение</p>
</body>
</html>
В свойстве onClick элемента h1 мы указываем ту функцию, которую хотим вызвать когда кто-нибудь кликнет мышкой на элементе.
В самой же функции getValue() осуществляется поиск элемента с id = myHeader и вызов окна alert, отображающего внутренний HTML код элемента.
—
На заметку: если возникла необходимость арендовать автобус или микроавтобус, организовать пассажирские перевозки, можно воспользоваться услугами сайта www.transtime.ru. Цены не кусаются, обслуживание на уровне - так что советую.