转:clientWidth、offsetWidth和scrollWidth

< meta http-equiv="Content-Type" Content="text/html; charset=utf-8">
< textarea wrap="off" onmouseover=
"alert(' clientWidth:'+this.clientWidth+
'\n offsetWidth:'+this.offsetWidth+'\n scrollWidth:'+this.scrollWidth);">
11111111111111111111111111111
< /textarea>
clientWidth是对象看到的宽度(不含边线)
offsetWidth是对象看到的宽度(含边线,如滚动条的占用的宽,值会随着内容的输入而不断改变)
scrollWidth是对象实际内容的宽度。

手册里面说的并不是很清楚,可以根据上面的例子加深理解。

clientWidth语法:
Scripting [ iWidth = ] object.clientWidth
clientWidth的值:
iWidth Integer that receives the width of the object, in pixels.
(以像素为单位显示对象的宽度)

offsetWidth语法:
Scripting [ iWidth = ] object.offsetWidth
offsetWidth的值:
iWidth Integer that receives the width, in pixels.
(以像素为单位显示宽度)

scrollWidth语法:
Scripting [ iWidth = ] object.scrollWidth
scrollWidth的值:
iWidth Pointer to a nonnegative long integer that specifies the width, in pixels.
(以像素为单位显示一个非负长整型的宽度值)

你可能感兴趣的:(html)