рефераты конспекты курсовые дипломные лекции шпоры

Раздел Образование
/
Доступ к отмеченным объектам на Web-странице

Реферат Курсовая Конспект

Выберите учебное заведение

Доступ к отмеченным объектам на Web-странице

Доступ к отмеченным объектам на Web-странице - раздел Образование, Тема: Обработка событий и изменение свойств объектов на Web-странице В Лабораторной Работе 9 "изменение Свойств Объектов На W...

В лабораторной работе 9 "Изменение свойств объектов на Web-странице" был рассмотрен способ доступа к объектам на Web-странице с помощью их идентификаторов. Этот метод прост, но требует для каждого объекта, свойства которого необходимо изменить, задания его идентификатора. При большом числе объектов на Web-странице это может вызвать затруднения.

Другим, более универсальным, способом доступа к объектам, является доступ к отмеченным объектам. Для того, чтобы отметить тэг, свойства которого необходимо определить или изменить, достаточно подвести к нему указатель мыши и выполнить одно из событий, совершаемых с помощью мыши, - Mouseover, Mousemove, Mouseout, Click, Dblclick или Contextmenu (описание событий смотрите в лабораторной работе 9). При таком подходе не требуется, чтобы объекты имели идентификаторы.

Доступ к отмеченным элементам и его свойствам осуществляется с помощью такой конструкции:

window.event.srcElement.свойство ,

где window.event.srcElement - отмеченный объект; свойство - одно из его свойств.

Одним из важных свойств объекта является свойство parentElement, которое указывает на родительский объект. Например, для тэга <BODY> родительским тэгом будет <HTML>. Тогда к свойствам родительского тэга можно обратиться следующим образом: window.event.srcElement.parentElement.свойство. Используя данную конструкцию можно обратиться к свойствам родителя данного родителя, т.е. деда и т.д.

Изменение свойств отмеченного объекта производится так же, как показано в лабораторной работе 9, только вместо указания идентификатора объекта используется приведенная выше конструкция. Например, для изменения цвета отмеченного объекта можно воспользоваться следующим оператором JavaScript: window.event.srcElement.style.color="red".

Если отмеченный объект необходимо использовать не сразу, то можно при его отметке с помощью свойства sourceIndex запомнить его номер (согласно объектной модели документа каждый объект имеет свой номер, например, номер объекта <HTML> равен 0). Тогда номер объекта, отмеченного, например, щелчком мыши можно определить так: onClick="num=window.event.srcElement.sourceIndex".

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

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

Развернуть

Открыть в широком формате

– Конец работы –

Эта тема принадлежит разделу:

Тема: Обработка событий и изменение свойств объектов на Web-странице

Доступ к свойствам объектов на Web странице с помощью языка JavaScript... Обработка событий на Web странице...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Доступ к отмеченным объектам на Web-странице

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Доступ к свойствам объектов на Web-странице с помощью языка JavaScript
В соответствии с объектной моделью документа DOM (Document Object Model), которая поддерживается языком JavaScript, все объекты (тэги) Web-страницы помещены в коллекцию (набор) docu

Обработка событий на Web-странице
К событиям на Web-странице относятся как действия пользователя, связанные с работой с мышью и клавиатурой, так и действия браузера, связанные с загрузкой, выгрузкой Web-страниц и др

Организация движения объектов на Web-странице
Режим позиционирования объекта, т.е. помещения его на экран задается с помощью свойства CSS position, которое имеет следующие значения: static - положение объекта на экране