javascript - 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";