1. 程式人生 > >style.height、offsetHeight、clientHeight、scrollHeight的區別

style.height、offsetHeight、clientHeight、scrollHeight的區別

style.height
包括元素的滾動條,不包括邊框

clientHeight
不包括元素的滾動條和邊框

offsetHeight
包括元素的滾動條和邊框

scrollHeight
offsetHeight+scrollTop

小貼士:
在IE下,建立一個oLi

    <style>
        li{/*不設定li的高度*/}
    </style>
    <script>
        var oLi = document.createElement('li');
        oLi.innerHTML='我是li的內容'
; /* 在oLi還沒有新增到父級之前, IE的獲取當前樣式方法 getComputedStyle(oLi).height 只能返回"auto" 而oLi.clientHeight能返回實際高度 */ document.body.appendChild(oLi);
</script>