До сих пор при возникновении события в одном элементе мы изменяли другой элемент (рис. 1 на предыдущей странице). Например, при щелчке на параграфе менялся список, при щелчке на кнопке менялся блок div. А как быть, если нужно менять тот же самый элемент, в котором произошло событие? Можно, как обычно, поставить идентификатор в тег этого элемента и обращаться к нему через getElementById. Пример:
<p id="сам" onmousemove="document.getElementById('сам').style.background='#0066CC'" >Не задень меня! </p>
Здесь параграф реагирует на наведение мыши и сам себя изменяет. Но есть более изящный способ записи того же самого действия.
Операция this (этот) возвращает указатель на текущий объект. Эта операция широко применяется в обработчиках событий HTML для указания на объект, вызвавший данное событие. Пример:
<p onmousemove="this.style.background='#0066CC'">Не задень меня! </p>
Как видите, запись стала намного короче и понятнее.
|
Рис. 1. Изменение элементом самого себя
|
На рис. 1. показано, что HTML-элемент изменяет сам себя.