如何在JavaScript中编辑CSS样式？ [英] How to edit CSS styles in JavaScript?

问题描述

例如，我可以这样做：

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:

1. 将第一个字符转换为小写字符

< <>

因此， -moz-box-shadow变成：

Thus, "-moz-box-shadow" becomes:

1. -moz-box-shadow（第一个字符是一个 - 没有小写）


2. -Moz-Box-Shadow


3. MozBoxShadow

这篇关于如何在JavaScript中编辑CSS样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！