如何使用.style JavaScript属性添加css box-shadow

Question

我有以下JavaScript代码段:

document.getElementById("imgA").style.box-shadow = "0 0 5px #999999";

连字符box-shadow导致JavaScript引擎抛出无效的赋值异常(在Firefox中).做"box-shadow"或'box-shadow'不做.没有使用jquery的.css()方法,有没有一个很好的方法呢？

Answer 1

你可以使用style["boxShadow"]或style.boxShadow.

document.getElementById("foo").style["boxShadow"] = "0 0 5px #999999";

<div id="foo">12123123</div>

Answer 2

带有 a 的 CSS 属性在对象中-表示。所以你不需要连字符，只需写camelCaseJavascript-boxShadow

document.getElementById("shadow").style["boxShadow"] = "0 0 5px #999999";

<div id="shadow">Tushar </div>