Веб-студия HV-designs - услуги создания и раскрутки сайтов в Воронеже
 
Главная
Создание сайтов
Раскрутка
Дизайн
Портфолио
Связь с нами
Доменные имена
Хостинг
Создание сайта
Поддержка сайта
Он-лайн реклама
Офф-лайн реклама
Наши партнеры
 
    Главная arrow Создание сайта arrow Что представляет собой объект style  

Что представляет собой объект style

paragraph1.style.fontSize=7;
Можно изменить геометрические размеры элемента:
image1.style.height=”100mm”;image1.style.width=”120mm”;
и его местоположение:
image1.style.top=”200px”;
image1.style.left=”50px”;
Заметим, что этим свойствам присваиваются строковые значения геометрических параметров с указанием единицы измерения. Это не всегда удобно, и объект style предоставляет свойства pixel*, принимающие и возвращающие числовые значения в пикселях.

Можно использовать свойства pos*, возвращающие и принимающие значения в тех единицах измерения, в которых эти значения были заданы в определении стиля.
Браузер Internet Explorer предоставляет три свойства для доступа к объекту style: style, currentStyle и runtimeStyle.

Первое свойство позволяет получить доступ к стилю, встроенному в тэг элемента с помощью атрибута style:
<p id=”par1” style=”color: green”>Текст</p>
someColor=par1.style.color;
Это выражение поместит в переменную someColor значение атрибута color, встроенного стиля элемента, т.е. “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.
 
Еще сайты

© 2010 (4732) 60-57-53