Что представляет собой объект 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.
|