Книга: JavaScript. Подробное руководство, 6-е издание

CSSStyleDeclaration

CSSStyleDeclaration

набор CSS-атрибутов и их значения

Объект CSSStyleDeclaration представляет набор CSS-атрибутов стиля и их значения, и позволяет манипулировать этими атрибутами, используя имена свойств, похожие на имена CSS-свойств. Свойство style элемента HTMLElement является доступным для чтения и записи объектом CSSStyleDeclaration и подобно свойству style объекта CSSRule. Однако метод Window.getComputedStyle() возвращает объект CSSStyleDeclaration, свойства которого доступны только для чтения.

Объект CSSStyleDeclaration обеспечивает доступ к CSS-атрибутам стиля посредством свойств. Имена этих свойств практически однозначно соответствуют именам CSS-атрибутов, незначительно измененными для соответствия синтаксису языка JavaScript. Имена атрибутов, сконструированные из нескольких слов и содержащие дефисы, такие как «font-family», записываются без дефисов, а каждое слово, кроме первого, начинается с заглавного символа: fontFamily. Кроме того, имя атрибута «float» совпадает с зарезервированным словом float, поэтому оно преобразовано в имя свойства cssFloat.

Обратите внимание, что имеется возможность использовать неизмененные имена CSS-атрибутов, если для доступа к свойствам использовать строки и квадратные скобки.

Свойства

Помимо свойств, описанных выше, объект CSSStyleDeclaration имеет два дополнительных свойства:

string cssText

Текстовое представление набора атрибутов стиля и их значений. Текст форматируется, как в таблицах стилей CSS, за исключением селектора элемента и фигурных скобок, окружающих атрибуты и значения.

readonly unsigned long length

Количество пар атрибут/значение, содержащихся в данном объекте CSSStyleDeclaration. Объект CSSStyleDeclaration является также объектом, подобным массиву, элементами которого являются имена объявленных CSS-атрибутов стиля.

Оглавление книги