通过js获取外部css样式

时间:2024-08-04 21:37:02

通过js获取外部样式表中的属性,比如.box在style.css样式表中有个属性叫font-size:16px;

通过js获取.box的这个属性:

js代码为:

<script>

  window.onload=function(){

var oBox  = document.getElementsByClassName("box")[0];

  alert(oBox.style.fontSize);//结果返回的是空

}

</script>

解决方法:

js代码为:

<script>

  window.onload=function(){

    var oBox  = document.getElementsByClassName("box")[0];

   alert(getElementStyle(oBox,"fontSize"));

}

function getElementStyle(obj,attr){

  if(obj.currentStyle){

    return obj.currentStyle[attr];

  }else{

    return getComputedStyle(obj,false)[attr];

  }

}

</script>