Làm cách nào để nhận được độ mờ của một phần tử sử dụng Javascript?

Question

Nếu tôi có:

#em { 
    opacity:0.5; 
} 

Làm thế nào để tôi nhận được #em 's mờ sử dụng javascript? : D

Tôi đã có rắc rối với những điều sau (nó sẽ trả về không có gì):

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

Answer 1

Việc đặt giá trị CSS trong một stylesheet là không giống như thiết lập nó qua style tài sản. Bạn cần phải xem xét phương thức getComputedStyle để có được điều này (và cũng là currentStyle cho IE cũ hơn).

Answer 2

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

nó sẽ hoạt động tốt nếu bạn sử dụng kiểu nội tuyến .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"); 

Bây giờ, biến tạm sẽ có giá trị của độ mờ đục của "em".