通过js获取外部css样式

通过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>