Справочник по JavaScript : Объект style : Свойства и методы объекта style

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Как и все остальные объекты, style поддерживает ряд свойств и методов. Их можно разделить на две группы:

  • задающие стиль документа

и

  • относящиеся к самому объекту style.

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

Атрибут стиляСвойство объекта
background-attachmentbackgroundAttachment
borderBottomColor
font-familyfontFamily
z-indexzIndex

По аналогии вы можете преобразовать все атрибуты стилей в свойства объекта style. Все не относящееся к стилю свойства объекта style перечислены в нижерасположенной таблице. Кроме того, у этого объекта имеются методы getAttribute, removeAttribute и setAttribute. Но эти дополнительные свойства и методы поддерживаются только IE начиная с 4.0

СвойствоОписание
cssTextтекстовое представление стиля (параметр атибута STYLE).
pixelHeightВысота элемента в пикселах.
pixelLeftСмещение левого края элемента в пикселах.
pixelTopСмещение верхнего края элемента в пикселах.
pixelWidthШирина элемента в пикселах.
posHeightВысота элемента в тех единицах измерения, в которых она была установлена в определении стиля.
posLeftСмещение левого края элемента в тех единицах измерения, в которых она была установлена в определении стиля.
posTopСмещение верхнего края элемента в тех единицах измерения, в которых она была установлена в определении стиля.
posWidthШирина элемента в тех единицах измерения, в которых она была установлена в определении стиля.
Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования