Работа с style объекта Element

Свойство style представляет сложный объект для управления стилем и напрямую сопоставляется с атрибутом style html-элемента. Объект содержит набор свойств CSS: element.style.свойствоCSS, установим цвет шрифта:

var root = document.documentElement;
// устанавливаем стиль
root.style.color = "blue";
// получаем значение стиля
document.write(root.style.color);  // blue

В данном случае название свойства color совпадает со свойством css. Аналогично мы могли бы установить цвет с помощью css:

html{
color:blue;
}

Иногда может потребоваться полностью удалить css свойство у элемента подставленное в примере выше:

var root = document.documentElement;
// удаляем установленный ранее стиль у элемента
root.style.color = "";

Однако ряд свойств css в названиях имеют дефис, font-family. В JavaScript для этих свойств дефис не употребляется, только первая буква которая идет после дефиса, переводится в верхний регистр:

var root = document.documentElement;
root.style.fontFamily = "Verdana";