Изменить тень с помощью Javascript без jQuery

Question

Я хочу добавить стиль -webkit-filter: drop-shadow(5px 5px 5px #222); в JavaScript без jQuery.

Я хочу создать тень для png прозрачного изображения с помощью CSS-преобразования.

Этот код не работает правильно:

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

Ответ Узбекджона будет работать только в том случае, если это единственное свойство CSS, которое вы используете. Желательно установить встроенный CSS с помощью style Свойство элемента примерно так:

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

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

Редактировать: вот рабочий JSfiddle, демонстрирующий эту работу

https://jsfiddle.net/w4n024b4/

Answer 2

Попробуй это:

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

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