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>