div的clientheight和body的clientheight怎么理解不同

html==========

 <body>
<div id="div1">12312312123121231212312<br>1231212<br>31212312123121<br><br>2312123121231<br><br><br>21231212<br><br>312123<br><br>1212312123121231212312123<br><br><br><br></div>
<br><br><br><br><br><br>    
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>

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

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

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

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

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

阅读 7.5k
3 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题