通过js获取外部css样式

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

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

js代码为：

<script>

　　window.οnlοad=function(){

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

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

       }

</script>

解决方法：

js代码为：

<script>

　　window.οnlοad=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>

转载于:https://www.cnblogs.com/ylup/p/7048720.html