currentStyle、getComputedStyle 获取样式

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>

 

posted @ 2017-07-12 16:39  Y_Y1208  阅读(223)  评论(0编辑  收藏  举报