Свойство lastChild
•Возвращает последний дочерний элемент по отношению к текущему, т.е. антипод
свойства firstChild.
•Если текущий элемент не содержит дочерних элементов, возвращается значение null:
// Объектная модель документа
var lastKind = document.body.lastChild;
// ссылка на последний элемент тела страницы
162
Свойство parentNode
•Возвращает родительский элемент по отношению к текущему:
// Объектная модель документа
var head = document.getElementById('header');
var predok = head.parentNode;
// в нашем примере ссылаемся на тег body
163
Свойство• Указывает на узел, следующийnextSiblingза текущим. Если элемент последний, то возвращает значение null:
// Объектная модель документа
var head = document.getElementById('header'); var nextel = head.nextSibling;
// в нашем примере ссылаемся на след. тег p
if(! nextel) { // если элемент последний, то...
alert('Элемент является последним!');
}
else {
var val = nextel.lastChild.nodeValue; // вытаскиваем последний дочерний элемент alert(val); // выводим результат в модальное окно
};
164
Свойство previousSibling
•Указывает на узел, предыдущий по отношению к текущему.
•Если элемент первый, то возвращает значение null:
// Объектная модель документа
var x = document.body.lastChild; var prev = x.previousSibling; 
165
Метод hasChildNodes
•Не принимает параметров и возвращает значение true, если находит дочерние элементы, в противном случае возвращает значение false:
// Объектная модель документа
var head = document.getElementById('header'); var nextel = head.nextSibling;
// в нашем примере ссылаемся на след. тег p var result = nextel.hasChildNodes();
alert(result);
166
Определение• событий
Все действия пользователя (нажатие на кнопки клавиатуры, клики мыши или ее перемещение, загрузка страницы, наведение фокуса и
т.п.), на которые реагирует веб-обозреватель, именуются
событиями.
•Язык JavaScript - клиентский язык, т.е. событийно-управляемый. Без него страницы были бы не в состоянии отвечать на действия посетителя или предлагать что-либо интерактивное, динамичное и впечатляющее.
•Подготовка Web-страницы к ответу на события проходит в два этапа:
-идентифицируем элемент страницы, реагирующий на событие;
-присваиваем событие обработчику
167
Сразу отметим, что существуют разные модели обработки событий.
Одна из которых стандартизирована объектной моделью документа, ее еще называют модель Firefox, она более прогрессивная и в ней больше возможностей, но зато не поддерживается Internet Explorer (IE < 8). Другие более простые, но зато поддерживается всеми современными Web-обозревателями. Рассмотрим их.
168
Встроенные javascript события
• Один из самых простых и непрофессиональных способов исполнения функции в момент запуска
события называют регистрацией встроенных событий, когда обработчик события присваивается прямо в HTML-код:
// javascript события
<p> Нажмите на ссылку и получите результат! А вот и сама
<a href="#" ONCLICK="alert('событие onclick javascript');">Сcылка на javascript события мыши</a>
</p>
169
Привязка через свойства объектов
Обработчики событий оформляются в виде функции в случае их привязки к событиям через соответствующие свойства объектов, представляющих элементы страницы:
<p id="par">Наведите курсор мышки на текст</p> <script type="text/javascript">
var text = document.getElementById('par'); text.onmouseover = function() {
this.style.color = '#ff0000'; };
text.onmouseout = function() {
this.style.color = '#000000'; };
</script>
170
Привязка через свойства объектов
171