JavaScript的中offsetWidth,的offsetHeight

JavaScript的中offsetWidth是什么意思?

最佳答案:是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变

JavaScript的中offsetWidth,的offsetHeight_第1张图片

scrollWidth,clientWidth与offsetWidth的区别

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

“DIV的编号=演示
风格=“溢出:隐藏;宽度:460px;颜色:#000000;高度:

120px“”
<DIV align=left>
<DIV align=left>“/ DIV的”
“台高度= 120 = 0 cellpadding的宽度= 600 =右对齐
边界= 0 cellspace =“0”“
<TBODY>
<TR>
<TD id=demo1 vAlign=top width=543>
“台高度= 120可以隐藏= 0 cellpadding的= 0
边框宽度= 543 = 0“
<TBODY>
<TR>
                                
“表borderColor =#000000可以隐藏= 2
= 0 cellpadding的宽度= 50边界= 1“
<TD>“/训练班”“/ TBODY的”“/表”“/运输署”
“运输署编号= demo2 vAlign =顶部
宽度= 47“”/横“”/训练班“”/ TBODY的“”/表“
的<SCRIPT>
VAR的速度= 1 / /速度数值越大速度越慢
demo2.innerHTML = demo1.innerHTML
功能选取框()(
如果(demo2.offsetWidth - demo.scrollLeft“= 0)/ * scrollLeft设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。* /
demo.scrollLeft - = demo1.offsetWidth
否则(
demo.scrollLeft + +


无功MyMar = setInterval(字幕,速度)
demo.onmouseover =函数()(clearInterval(MyMar))
demo.onmouseout =函数()(MyMar = setInterval(字幕,速度))
“/脚本”
“/ DIV的”“/ DIV的”

clientWidth,offsetWidth,clientHeight ..区别2007年10月15日22时24

clientWidth,offsetWidth,clientHeight ..区别

使用IE6.0,FF1.06 +:
clientWidth =宽度+填充
clientHeight =身高+填充
offsetWidth =宽度+ +边界填充
的offsetHeight =身高+ +边界填充
IE5.0/5.5:
clientWidth =宽度-边界
clientHeight =身高-边界
offsetWidth =宽度
的offsetHeight =高度
(需要提一下:保证金的CSS中的属性,与clientWidth,offsetWidth,clientHeight,的offsetHeight均无关)

offsetwidth:是元素相对父元素的偏移宽度。等于边界+填充+宽
clientwidth:是元素的可见宽度。等于填充+宽
scrollwidth:是元素的宽度且包括滚动部分。

你可能感兴趣的:(JavaScript的中offsetWidth,的offsetHeight)