Чтобы установить свойство

равным вычисляемому значению, обязательно добавьте единицы измерения в конце вычислений:

Как побочный эффект, добавление строки с единицами измерения преобразует вычисленное значение из числа в строку.

Многие CSS-свойства стиля, такие как

, содержат в своих именах дефис. В языке JavaScript дефис интерпретируется как знак минус, поэтому нельзя записать выражение, приведенное ниже:

Таким образом, имена свойств объекта

слегка отличаются от имен реальных CSS-свойств. Если имя CSS-свойства содержит дефисы, имя свойства объекта образуется путем удаления дефисов и перевода в верхний регистр буквы, непосредственно следующей за каждым из них. Другими словами, CSS-свойство доступно через свойство , а к CSS-свойству можно обратиться следующим образом:

Кроме того, когда CSS-свойство, такое как

, имеет имя, совпадающее с зарезервированным словом языка JavaScript, к этому имени добавляется префикс «css», чтобы создать допустимое имя свойства объекта . То есть, чтобы прочитать или изменить значение CSS-свойства элемента, следует использовать свойство объекта .

Напомню, что некоторые CSS-свойства, такие как

, представляют собой сокращенную форму записи других свойств, таких как и . Объект имеет свойства, соответствующие этим сокращенным формам записи свойств. Например, свойство можно установить следующим образом:

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

Атрибут

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

Чтение встроенного стиля элемента представляет особую сложность, когда выполняется чтение свойств стиля, имеющих единицы измерения, а также свойств сокращенной формы записи: сценарий должен включать далеко не простую реализацию синтаксического анализа строк с CSS-стилями, чтобы обеспечить возможность извлечения и дальнейшего использования значений. В целом, встроенный стиль элемента удобно использовать только для установки стилей. Если сценарию потребуется получить стиль элемента, лучше использовать вычисленные стили, которые обсуждаются в разделе 16.4.

Иногда бывает проще прочитать или записать единственную строку во встроенный стиль элемента, чем обращаться к объекту

. Для этого можно использовать методы и объекта t или свойство объекта :