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>