javascript - 如何使用 Javascript 获取元素的不透明度？

Question

如果我有：

#em {
  opacity:0.5;
}

我如何获得#em不透明度使用javascript？:D

我遇到了以下问题（它什么也没返回）：

return document.getElementById("em").style.opacity;

score 16 · Accepted Answer

var em = document.getElementById("em");
var  temp = window.getComputedStyle(em).getPropertyValue("opacity");

现在，变量temp将具有“em”的不透明度值。

score 12 · Accepted Answer

在样式表中设置 CSS 值与通过style属性设置不同。您需要查看getComputedStyle获取此信息的方法（也currentStyle适用于较旧的 IE）。

score 1 · Accepted Answer

document.getElementById("em").style.opacity;

如果您使用内联样式，它将正常工作。例如。

<div id="em" style="width: 50px; height: 50px; opacity: 0.5;">

3 回答 3