如何從JavaScript的外部樣式表派生元素樣式？

Question

每當我使用這種類型的JavaScript代碼來欣賞元素的背景顏色時，它總是返回「」。

<style><!--From external stylesheet--> 
    #divexample{ 
     background-color:#4345C7; 
    } 
</style> 

<div id="divexample"></div> 

<script type="text/javascript"> 
    var bgColor=document.getElementById("divexample").style.backgroundColor; 
    alert(bgColor); 
</script> 

Answer 1

您可能要考慮使用jQuery。然後，您可以輕鬆獲得backgroundColor：

var bgColor = $("#divexample").css("backgroundColor"); 

Answer 2

檢查：

http://jsfiddle.net/h28zdhtc/4/

<style> 
    div { 
    width: 60px; 
    height: 60px; 
    margin: 5px; 
    float:left; 
    } 
    div.div1{background-color:blue;} 
div.div2{background-color:black;} 
div.div3{background-color:green;} 
div.div4{background-color:red;} 
</style> 

<span id="result">&nbsp;</span> 
<div class="div1"></div> 
<div class="div2"></div> 
<div class="div3"></div> 
<div class="div4"></div> 

<script> 
$("div").click(function() { 
    var color = $(this).css("background-color"); 
    $("#result").html("That div is <span style='color:" + 
    color + ";'>" + color + "</span>."); 
}); 
</script> 

更多細節請參閱本：

http://api.jquery.com/css/