Как редактировать стили CSS в JavaScript?

Question

Так, например, я могу сделать это:

document.getElementById('element').onclick = function() {
    document.getElementById('element').style.color = '#FFFFFF';
}

Но как мне это сделать?

document.getElementById('element').onclick = function() {
    document.getElementById('element').style.-moz-box-shadow = '1px 1px 1px #000'; 

}

Я надеюсьвы понимаете, что я имею в виду :)

Пожалуйста, не публикуйте ответы, связанные с jQuery или какой-либо библиотекой, я хочу, чтобы они были в простом javascript.

Answer 1

Я полагаю, что это:

myobject.MozBoxShadow = '1px 1px 1px #000';

Это не соответствует «типичному» форматированию объекта стиля (которое должно быть в нижнем регистре «M») из-за начального символа «-».Преобразование между свойствами стиля и свойствами JS для этих стилей означает:

1. Преобразование первого символа в нижний регистр
2. Преобразование всех символов после тире в верхний регистр
3. Удаление всехdashes

Таким образом, "-moz-box-shadow" становится:

1. -moz-box-shadow (первый символ - "-", поэтому он нене в нижнем регистре)
2. -Moz-Box-Shadow
3. MozBoxShadow

Answer 2

Я думаю, что вы изменили '-' на заглавную букву, поэтому:

 document.getElementById('element').style.-moz-box-shadow = 1px 1px 1px #000;

Должно быть:

  document.getElementById('element').style.MozBoxShadow = "1px 1px 1px #000";