Как же получить доступ к объекту style? Internet Explorer предоставляет для
этого три свойства: style, currentStyle и runtimeStyle.
Первое свойство позволяет получить доступ к стилю, встроенному в тег элемента
с помощью атрибута STYLE: <P id="par1" style="color: green">Любой текст</P> someColor = par1.style.color;
Вышеприведенное выражение поместит в переменную someColorcolor встроенного стиля элемента, т.е. "green". значениеатрибута someFontSize = par1.style.fontSize; Это выражение вернет null, даже если где-то в таблице стилей атрибут
font-size для этого элемента определен. А все потому, что интересы
свойства style не выходят за рамки встроенного ситиля. Чтобы получить стиль элемента с учетом и встроенных стилей, и таблиц стилей,
и атрибутов тега, используйте свойство currentStyle: <FONT id="par1" style="color: green" size="7">Любой текст</FONT> someColor = par1.currentStyle.color; someBColor = par1.currentStyle.backgroundColor; someFontSize = par1.currentStyle.fontSize; someOther = par1.currentStyle.textDecoration;
Предположим, что где-то в таблице стилей определен для этого элемента атрибут
background-color, равный "teal", а text-decoration не определен
вообще. Эти выражения вернут следующие значения: первое - "green", второе -
"teal", третье - "largest" (или "7"), а четвертое - "none"? т.е. значение по
умолчанию для этого атрибута стиля. Если вы измените какое-либо свойство объекта style, измениться то же
свойство и у объекта currentStyle, и наоборот. Единственная деталь: если
вы изменили какое-либо свойство currentStyle и потом сразу же обратились
к нему, вернется старое значение. То есть, между присвоением значения и его
применением к элементу должно пройти некоторое время. Свойство runtimeStyle довольно странное. Оно возвращает ссылку на
объект runtimeStyle, который является примерно тем же самым, что и
currentStyle, но присвоение его свойствам новых значений не затригивает
аналогичных свойств style. То есть, вы можете переопределить свойства
стиля runtimeStyle, и соответствующие свойства style (но не
currentStyle) не изменятся. Объект styleSheet и коллекция styleSheetsОбъект document в IE имеет встроенную коллекцию styleSheets,
которую можно использовать для доступа к отдельным таблицам стилей документа. А
отдельная таблица стилей представляется объектом styleSheet: address = document.styleSheets(1).href; Для нас будут полезны три свойства объекта таблицы стилей. Первое из них - это href, представляющее интернет-адресс файла внешней
таблицы стилей. Вы можете изменить этот адрес, чтобы загрузить другую таблицу
стилей. Второе - disabled, разрешающее или запрещающее Web-обозревателю
применять эту таблицу для форматирования документа. Заметьте, что в данном
случае false разрашает применение таблицы, а true запрещает. И последнее свойство - type - имеет для нас только теоретический
интерес: оно задает тип таблицы стилей, который для IE всегда равен "text/css".
Назад | Содержание | Вперед |