如何獲得使用Javascript的元素的不透明度？

Question

如果我有：

#em { 
    opacity:0.5; 
} 

我如何使用javascript#em的透明度？ ：d

我有麻煩以下的（它沒有返回值）：

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

Answer 1

設置樣式表中的一個CSS值不一樣通過style屬性設置它。您需要查看getComputedStyle方法以獲取此內容（對於較舊的IE，還需要currentStyle）。

Answer 2

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

如果您使用內聯樣式.eg，它會正常工作。現在

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

Answer 3

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

，可變臨時將有 「EM」 的不透明度值。