在一个demo中测试这三个属性之间的差异。
说明：
scrollWidth :对象的实际内容宽度。 不包含边界宽度，对象中的内容在超出可视区域后会变大。
clientWidth :对象内容的可视区域宽度。 不包含滚动条等边框，取决于对象的显示大小。
offsetWidth :整个对象的实际宽度、滚动条等边框取决于对象的显示大小。
此demo将textarea元素放置在页面上，并以默认宽度和高度显示。
第一种情况：
如果元素中没有内容，或者内容不超出可视区域，或者没有出现滚动，或者不可用。
scrollWidth=clientWidth，两者都是内容可视区域的宽度。
offsetWidth是元素的实际宽度。
第二种情况：
的内容超出可视区域，显示滚动条，如果可用。
scrollWidthclientWidth。
scrollWidth是实际内容的宽度。
clientWidth是内容可视区域的宽度。
offsetWidth是元素的实际宽度。
以上。
来自：
33559 www.cn blogs.com/kongxianghai/p/4192032.html