offsetwidth、clientWidth、scrollWidth的区别

最近在写一个拖拽模块,支持range,也就是说一个element只能在一个固定的范围内拖动。于是我需要知道当前被拖动的element的大小。

最初我使用scrollWidth,发现在ie6下,如果这个element有border,就会有偏差,后来经过erik的建议使用offsetWidth解决。

上网查了一下,得到如下答案:

scrollWidth是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。
clientWidth是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。
offsetWidth是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变。

这篇日志是每日一web-dev tip计划的一部分,如果你关注web开发或者linux,请订阅我的rss。

Tags: 相关Tags:

» «

相关文章

发表评论

只有思想的碰撞才能产生火花!请留下你宝贵的评论吧: