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

Question

如果我有：

#em {
  opacity:0.5;
}

如何使用#em获得javascript的不透明度？ ：d

我遇到以下麻烦（它什么都不返回）：

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

Answer 1

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

Answer 2

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

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

Answer 3

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

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

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