如何使用JavaScript从外部样式表中获取元素样式

How can you get element styles deriving from an external style sheet with JavaScript?

本文关键字：获取 元素 样式 外部样式表 何使用 JavaScript      更新时间：2023-09-26

每当我为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>

您可能需要考虑使用jQuery。然后你可以很容易地得到backgroundColor:

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

检查此项：

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/

相关文章：