DOM中元素的宽高和滚动条

获取元素宽高

1. div.style.width
   返回的是空字符串
2. div.style.height
   返回的是空字符串
3. getComputeredStyle(box).width
   获取元素的宽返回的是 xx px
4. getComputeredStyle(box).height
   获取元素的高返回的是 xx px
5. box.clientWidth
   获取元素自身的宽+padding
6. box.clientHeight
   获取元素自身的高+padding
7. box.offsetWidth
   获取元素自身的宽+padding+border
8. box.offsetHeight
   获取元素自身的高+padding+border
9. box.scrollWidth
   获取元素自身的宽+padding+border+滚动部分
10. box.scrollHeight
    获取元素自身的高+padding+border+滚动部分

滚动条滚动（可读可写）

1. document.documentElement.scrollTop 上下滚动条
2. document.documentElement.scrollLeft 左右滚动条
3. document.documentElement.scrollTop = 50 设置滚动条