DOM元素

1. clientWidth, clientHeight
1. 增加边框、外边距,DOM实际大小不受影响
2. 增加滚动条,会减少DOM实际大小,原因不把滚动条的大小算在内
3. 增加内间距,会影响DOM实际大小
4. 在没有内边距和滚动条的情况下,没有设置CSS大小,那么IE浏览器会理解为0


2. scrollWidth, scrollHeight
1. 增加边框,浏览器之间有兼容问题
2. 增加外间距,DOM实际大小不受影响
3. 增加滚动条,会减少DOM实际大小,原因不把滚动条的大小算在内
4. 增加内间距,会影响DOM实际大小
5. 有文本溢出时,加上滚动条方可解决兼容问题


3. offsetWidth, offsetHeight
1. 增加边框、内间距,会影响DOM实际大小
2. 增加外间距、滚动条,DOM实际大小不受影响
 
原文地址:https://www.cnblogs.com/shanchenba/p/5567286.html