如何在JavaScript中编辑CSS样式？

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. 卸下所有短划线

因此， “-moz-box-shadow”变为：

1. -moz-box-shadow（第一个字符是“ - ”，所以它不会“T有一个小写）
2. -moz-箱阴影
3. MozBoxShadow

Answer 2

我觉得你改变 ' - ' 一个大写字母，所以：

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

应该是：

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