对html标签的offsetWidth、clientWidth、scrollWidth属性的理解
2010-05-24 16:37
447 查看
这几天在做了一个js控件，其中需要自己控制控件的宽度（主要设置为百分比的宽度），以前没去关心过这几个属性，现在用到了就去详细了解了下，并做了验证，记录在此：
offsetWidth：元素内可见区域的宽度 + 元素边框宽度（如果有滚动条还要包括滚动条的宽度）；
clientWidth：元素内可见区域的宽度；
scrollWidth：元素的全文宽度（如果有滚动条，那么这个宽度还包括滚动条能滚动到的所有区域）；
offsetWidth：元素内可见区域的宽度 + 元素边框宽度（如果有滚动条还要包括滚动条的宽度）；
clientWidth：元素内可见区域的宽度；
scrollWidth：元素的全文宽度（如果有滚动条，那么这个宽度还包括滚动条能滚动到的所有区域）；
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- scrollWidth,clientWidth,offsetWidth等属性的理解
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth，offsetLeft等属性介绍
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之全然具体解释
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之全然具体解释
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
- HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
- HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth 之完全详解(转载)
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之全然具体解释
- HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
- HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解(转载)
- HTML标签的offset、client、 scroll和currentStyle属性
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offset
- HTML布局定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全带图详解
- scrollWidth,clientWidth,offsetWidth的区别 通过一个demo测试这三个属性的差别。 说明： scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
- HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解
- HTML: scrollLeft,scrollWidth,clientWidth,offsetWidth 详解
- HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之全然具体解释