currentStyle、getComputedStyle 获取样式

时间:2022-08-18 15:50:45

style.height 获取的是行间的样式

currentStyle.height、getComputedStyle(elem,null).height 获取的是 div 的 content 的宽高,

clientHeight 获取的是 content+padding,

offsetHeight 获取的是content+padding+border。

<script>    
window.onload = function(){
    var div1 = document.getElementById('div1');
    var prop = '';
    if(div1.currentStyle){
        // IE浏览器下获取行间或样式表样式
        prop = div1.currentStyle.height;
    }else if(window.getComputedStyle){
        // 标准浏览器下获取计算样式,两种写法都可以
        // prop = document.defaultView.getComputedStyle(div1,null).height;
        prop = window.getComputedStyle(div1,null).height;
    }    
    console.log(prop);
    // height:auto;  ==》 IE返回的是auto,标准浏览器返回的是实际值
}
</script>