JS-DOM：获取计算后的样式（同时兼容IE跟其他浏览器）

HTML部分

<div id="div1" style="">打发第三方</div>

CSS部分

<style type="text/css">
#div1{
    height: 100px;
    width: 100px;
    font-size: 12px;
    background-color: #ccc;
}
</style>

JS部分

方法一：

<script>

window.onload=function(){

　　var oDiv=document.getElementById("div1");

　　oDiv.onclick=function(){

　　　　if(window.getComputedStyle){

　　　　　　alert(getComputedStyle(oDiv, null).fontSize);

　　　　}

　　　　else{

　　　　　　alert(oDiv.currentStyle.fontSize);　　

　　　　}

　　}

}

</script>

方法二：

<script>

function getStyle(obj,sStyle){

　　if(window.getConputedStyle){

　　　　return getComputedStyle(obj,null)[sStyle];

　　}

　　else{

　　　　return obj.currentStyle[sStyle];

　　}

}

window.onload=function(){

　　var oDiv=document.getElementById("div1");

　　oDiv.onclick=function(){

　　　　alert(getStyle(oDiv,"fontSize"));

　　}

}

</script>

JS-DOM：获取计算后的样式（同时兼容IE跟其他浏览器）,布布扣,bubuko.com