jQueryを使用せずにJavaScriptを使用してドロップシャドウを変更する

Question

-webkit-filter: drop-shadow(5px 5px 5px #222);のスタイルをjQueryを使用せずにJavaScriptに追加したいとします。

CSSトランスフォームを使用して、透明なイメージ期間pngのシャドウを作成します。

このコードは正しく動作していない：

var scscsc = document.getElementById('scscsc'); 
 
scscsc.setAttribute("style", "-webkit-filter: drop-shadow(5px 5px 5px #222);"); 
 
scscsc.style.transform = "rotate(216deg)";

body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    text-align: center; 
 
} 
 
img { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
}

<img src="http://sirati.info/tmp/ss.png" id="scscsc">

Answer 1

Uzbekjonの答えはのみ動作します。それはそうのような要素のstyleプロパティを使用して、インラインCSSを設定することが好ましいです：

var elt = document.getElementById("#your-element-id"); 

elt.style.setProperty("-webkit-filter", "drop-shadow(5px 5px 5px #222)"); 

編集：ここに私の答えをチェックしてください

https://jsfiddle.net/w4n024b4/

Answer 2

はこれを試してみてください：それはあなたが使用している唯一のCSSプロパティである場合

var elt = document.getElementById("#your-element-id"); 

elt.setAttribute("style", "-webkit-filter: drop-shadow(5px 5px 5px #222);");