Come ottengo l'opacità di un elemento usando Javascript?

Question

Se ho:

#em { 
    opacity:0.5; 
} 

Come faccio ad avere #em s' opacità utilizzando javascript? : D

ho problemi con il seguente (si restituisce nulla):

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

Answer 1

impostando un valore CSS in un foglio di stile non è lo stesso di impostazione tramite la proprietà style. È necessario esaminare il metodo getComputedStyle per ottenere questo (e anche currentStyle per IE precedente).

Answer 2

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

funzionerà correttamente se si utilizza lo stile in linea .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"); 

Ora, la variabile temporanea avrà il valore di opacità del "em".