clientHeight , scrollHeight , offsetHeight相信每個(gè)人都用過，可是每次用都要查一下到底哪個(gè)是文檔大小哪個(gè)是視口大小，還有頭疼的兼容問題。
先來官方的了解一下這三個(gè)屬性：
clientHeight：元素客戶區(qū)的大小，指的是元素內(nèi)容及其邊框所占據(jù)的空間大?。ń?jīng)過實(shí)踐取出來的大多是視口大?。?/p>
scrollHeight: 滾動大小，指的是包含滾動內(nèi)容的元素大?。ㄔ貎?nèi)容的總高度）
offsetHeight: 偏移量，包含元素在屏幕上所用的所有可見空間（包括所有的內(nèi)邊距滾動條和邊框大小，不包括外邊距
看起來解釋很清晰，可是用起來好像沒有這么容易啊，當(dāng)然，各個(gè)瀏覽器的表達(dá)方式不同確實(shí)要背鍋，不過，當(dāng)用這些個(gè)屬性的時(shí)候免不了要面對這兩個(gè)東西的差異，document.body和document.documentElement，同樣的屬性用document.body和document.documentElemen表達(dá)出來可能會截然不同。
documentElement 和 body 相關(guān)說明：
body是DOM對象里的body子節(jié)點(diǎn)，即 <body> 標(biāo)簽；
documentElement 是整個(gè)節(jié)點(diǎn)樹的根節(jié)點(diǎn)root，即<html> 標(biāo)簽；
DOM把層次中的每一個(gè)對象都
