Справочник по JavaScript : Объект style : Свойства и методы объекта style
смотрим также
Материал из Справочник Web-языков
Как и все остальные объекты, style поддерживает ряд свойств и методов. Их можно разделить на две группы:
- задающие стиль документа
и
- относящиеся к самому объекту style.
Свойства первой группы в целом аналогичны соответствующим атрибутам стиля и имеют почти такие же имена за тем исключением, что символы "-" убираются, т.к. не соответстуют соглашению об именах JavaScript, а первые буквы всех слов, образующих имя атрибута, кроме первого, делаются прописными. В следующей таблице показаны примеры преобразования имен атрибутов стиля в имена свойств объекта style, устанавливающих стиль элемента.
Атрибут стиля | Свойство объекта |
background-attachment | backgroundAttachment |
borderBottomColor | |
font-family | fontFamily |
z-index | zIndex |
По аналогии вы можете преобразовать все атрибуты стилей в свойства объекта style. Все не относящееся к стилю свойства объекта style перечислены в нижерасположенной таблице. Кроме того, у этого объекта имеются методы getAttribute, removeAttribute и setAttribute. Но эти дополнительные свойства и методы поддерживаются только IE начиная с 4.0
Свойство | Описание |
cssText | текстовое представление стиля (параметр атибута STYLE). |
pixelHeight | Высота элемента в пикселах. |
pixelLeft | Смещение левого края элемента в пикселах. |
pixelTop | Смещение верхнего края элемента в пикселах. |
pixelWidth | Ширина элемента в пикселах. |
posHeight | Высота элемента в тех единицах измерения, в которых она была установлена в определении стиля. |
posLeft | Смещение левого края элемента в тех единицах измерения, в которых она была установлена в определении стиля. |
posTop | Смещение верхнего края элемента в тех единицах измерения, в которых она была установлена в определении стиля. |
posWidth | Ширина элемента в тех единицах измерения, в которых она была установлена в определении стиля. |