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

Question

如果我有：

#em {
  opacity:0.5;
}

我该如何使用 JavaScript 获取#em的不透明度？: D

以下代码存在问题（它不返回任何内容）：

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

- John

Answer 1

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

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

- Sajib Biswas

Answer 2

在样式表中设置CSS值并不等同于通过style属性来设置它。您需要查看getComputedStyle方法来获取（以及对于旧版本的IE，也要使用currentStyle）。

- Graham

---

对于IE浏览器，你需要一个解决方法，因为它没有getComputedStyle函数，例如：http://www.javascriptkit.com/dhtmltutors/dhtmlcascade4.shtml - TheZ

Answer 3

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

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

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

- mohsin

---

它的不透明度*顺便说一下 - Zeeshan