Доступ к отмеченному объекту в JavaScript

Недостатком рассмотренных выше обращений к объекту по его номеру или по его идентификатору является то, что для этого необходимо знать его номер или его идентификатор. Этого недостатка лишен третий способ: доступ к объекту путем его отметки мышкой.

Для того, чтобы отметить тэг, свойства которого необходимо определить или изменить, достаточно подвести к нему указатель мыши и выполнить одно из событий, совершаемых с помощью мышки (см. "События в JavaScript").

Доступ к отмеченным элементам и его свойствам осуществляется с помощью выражения:
window.event.srcElement.свойство, где window.event.srcElement - отмеченный объект; свойство - одно из его свойств (см. "Объект event").

В --> Объект event в JavaScript приведена функция showTagInfo(), которая вызывается при щелчке мышки на любом объекте Web-страницы (по событию Click), выводит имя этого события и определяет значения таких свойств отмеченного объекта:

• номер (общее свойство);
• имя (общее свойство);
• цвет (задается тэгом <STYLE> и параметром COLOR тэга <FONT>);
• размер (задается тэгом <STYLE>, параметром STYLE и параметром SIZE тэга <FONT>);
• жирность (задается тэгом <B>).

При определении свойств цвета, размера, жирности и стиля было использовано свойство currentStyle.

Для вывода найденных значений свойств объекта функция showTagInfo() использует свойство status объекта window, которое позволяет вывести данные в поле статуса окна браузера. Например, при щелчке мышки по слову Полужирный в поле статуса выводятся следующие данные: Событие: click номер: 10 имя: B цвет: #0000d0 размер: 8mm жирность: 700.

Если отмеченный объект необходимо использовать не сразу, то можно при отметке запомнить его номер с помощью свойства sourceIndex:

onClick="num=window.event.srcElement.sourceIndex".

В дальнейшем доступ к отмеченному объекту с номером num можно осуществить следующим образом:

document.all(num).свойство.