首页 > 代码库 > JS-DOM:获取计算后的样式(同时兼容IE跟其他浏览器)

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>