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