您的位置：首页 > 其它

style.height、offsetHeight、clientHeight、scrollHeight的区别

2015-08-09 21:33 656 查看
style.height

包括元素的滚动条,不包括边框

clientHeight

不包括元素的滚动条和边框

offsetHeight

包括元素的滚动条和边框

scrollHeight

offsetHeight+scrollTop

小贴士:

在IE下，创建一个oLi

[code]    <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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航