如何使用.style JavaScript属性添加css框阴影

How to add css box-shadow using .style JavaScript property

本文关键字：css 阴影 添加 属性 何使用 style JavaScript      更新时间：2023-09-26

我有以下JavaScript代码片段:

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

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

您可以使用style["boxShadow"]或style.boxShadow。

document.getElementById("foo").style["boxShadow"] = "0 0 5px #999999";
<div id="foo">12123123</div>

具有-的CSS属性在Javascript对象中以camelCase表示。所以你不需要连字符-只需要写boxShadow 

document.getElementById("shadow").style["boxShadow"] = "0 0 5px #999999";
<div id="shadow">Tushar </div>

使用boxShadow 

document.getElementById("imgA").style.boxShadow = "0 0 5px #999999";

document.getElementById('redbox').style.boxShadow = "0 0 3px #000";

应该可以。

document.getElementById("demo").style.boxShadow = "0 0 5px #999999";
相关文章：