如何在JavaScript中编辑CSS样式？
问题描述：
例如，我可以这样做：
document.getElementById('element').onclick = function() {
document.getElementById('element').style.color = '#FFFFFF';
}
但是我该怎么办？ p>
But how should I do this?
document.getElementById('element').onclick = function() {
document.getElementById('element').style.-moz-box-shadow = '1px 1px 1px #000';
}
我希望你能得到我的意思:)
I hope you get what I mean :)
请不要发布任何与jQuery或任何库相关的答案，我想在纯javascript中。
Please do not post any answer related with jQuery or any library, I want it in plain javascript.
答
我相信是：
myobject.MozBoxShadow = '1px 1px 1px #000';
它不遵循样式对象的典型格式M），因为初始的 - 字符。在这些样式的样式属性和JS属性之间进行转换意味着：
It doesn't follow the "typical" formatting of a style object (which would lower-case the "M") because of the initial "-" character. Converting between style properties and JS properties for those styles means:
- 将第一个字符转换为小写字符
因此， -moz-box-shadow变成：
Thus, "-moz-box-shadow" becomes:
- -moz-box-shadow（第一个字符是一个 - 没有小写）
- -Moz-Box-Shadow
- MozBoxShadow