¿Cómo obtengo la opacidad de un elemento usando Javascript?

Question

si tengo:

#em { 
    opacity:0.5; 
} 

¿Cómo llego #em 's opacidad usando javascript? : D

tengo problemas con lo siguiente (no devuelve nada):

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

Answer 1

establecer un valor en una hoja de estilo CSS no es lo mismo que establecer a través de la propiedad style. Necesitará mirar el método getComputedStyle para obtener esto (y también currentStyle para IE más antiguo).

Answer 2

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

funcionará bien si utiliza el estilo en línea .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"); 

Ahora, la variable temp tendrá el valor de opacidad de "em".