clientWidth,offsetWidth,scrollWidth区别

<html>
<head>
<title>clientWidth,offsetWidth,scrollWidth区别</title>
</head>
<body>
<textarea wrap="off" onfocus="alert('offsetWidth:'+this.offsetWidth+'scrollWidth:'+this.scrollWidth+' clientWidth:'+this.clientWidth);"></textarea>
</body>
</html>

在文本框内输入内容,当横向滚动条没出来前scrollWidth和clientWidth的值是一样的。当一行内容超出文本框的宽度,就有横向滚动条出来了,scrollWidth的值就变了。scrollWidth是对象实际内容的宽度。  
clientWidth是对象看到的宽度(不含边线)。

offsetWidth的值总是比clientWidth的值大。
offsetWidth是对象看到的宽度(含边线,如滚动条的占用的宽) 

原文地址:https://www.cnblogs.com/xiaotaiyang/p/3844154.html