如何通过javascript设置框阴影？

Question

我知道你可以做到以下几点：

element.style.box-shadow ="something";

我如何涵盖-moz和-webkit扩展？

如果我element.style.-webkit-box-shadow="something"和element.style.-moz-box-shadow="something"，我会被保险吗？

Answer 1

该选项名为webkitBoxShadow，mozBoxShadow等。 - 要将CSS选项名称转换为.style.属性，请删除前导破折号，然后将其从lowercase-with-dashes转换到lowerCamelCase.

Answer 2

最好设置一个类，为各种浏览器声明这些阴影属性，并将该类附加到目标元素的className。

类似的东西：

.shadowed{
    /*all shadow declarations for various browsers*/ 
    -o-
    -webkit-
    -moz-
    -ms-
    box-shadow
}

element.className += ' shadowed';

Answer 3

element.style['-webkit-box-shadow'] = "something";

或者在Mozilla中：

element.style['-moz-box-shadow'] = "something";