1、（无滚动条）宽度（高度）=当前对象的实际数值
2、（有滚动条）宽度（高度）=当前对象在CSS中定义的数值-滚动条（17）-边框宽度
有无滚动条均为：
宽度和高度均为CSS中定义的数值
（除IE和Opera以外无此属性）
offsetLeft，offsetTop clientLeft，clientTop currentSytle[‘left']，currentStyle[‘top']
有无滚动条均为：
offsetLeft（offsetTop）=实际值
有无滚动条均为：边框的宽度
除IE和Opera以外无此属性
3、FF、Opera、Safari和Chrom中所取得的数值与第一种情况一样。
三、取消DOCTYPE声明
1、IE6.0、IE7.0在没有DOCTYPE声明时与IE8.0中的变态模式（Quirks）中严格型结果相同。
2、FF、Safari、Chrome和IE8.0标准模式是与过渡型结果相同。
3、Opera浏览器中，在元素没有滚动条时offsetHeight与clientHeight的取值是在其当前现实的大小。
四、将DOCTYPE声明改写为<!docType>
1、IE6.0、IE7.0在没有DOCTYPE声明时与IE8.0中的变态模式（Quirks）中严格型结果相同。
2、FF、Safari、Chrome和IE8.0标准模式是与过渡型结果相同。
3、Opera浏览器中，在元素没有滚动条时offsetHeight与clientHeight的取值是在其当前现实的大小。
在Opera中也拥有与IE一样的属性“currentStyle”，所以在Opera中也可以使用currentStyle来取得元素的精确值。
您可能感兴趣的文章: