javascript - div的clientheight和body的clientheight怎么理解不同
黄舟
黄舟 2017-04-10 15:10:39
0
3
323

html==========

 

12312312123121231212312
1231212
31212312123121

2312123121231


21231212

312123

1212312123121231212312123









































































css================

#p1{overflow:scroll;width: 100px;height: 100px;border: 1px solid #000;}

js======================

var p=document.getElementById('p1'); alert(p.clientHeight); //86 alert(p.scrollHeight); //276 alert(document.body.clientHeight); //1390 alert(document.body.scrollHeight); //1410

为什么p.clientHeight不能取到滚动条之后的高度,document.body.clientHeight可以取到滚动条之后的高度?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

모든 응답 (3)
阿神

document.body、document.documentElement和window获取视窗大小的区别 client*是获取对象的可视大小,返回的值不包括滚动条的大小,也不包括边框

    黄舟

    p.clientHeight取到的是p可视内容的高度。
    document.body.clientHeight取到的是body对象高度。

      PHPzhong

      其实是这样的,你的body并没有设置overflow 所以它的client的高看起来就像你说的包含滚动条的高。即使给body设置了overflow,也会应用到html上,详情请看 http://blog.aijc.net/css/2014/08/11/CSS%20%E5%8F%AF%E8%A7%86%E5%8C%96%... 中的overflow。你取html的clientHeight就是不包含滚动条的了。

        최신 다운로드
        더>
        웹 효과
        웹사이트 소스 코드
        웹사이트 자료
        프론트엔드 템플릿
        회사 소개 부인 성명 Sitemap
        PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!