|
|
是對(duì)象的實(shí)際內(nèi)容的寬，不包邊線寬度，會(huì)隨對(duì)象中內(nèi)容的多少改變（內(nèi)容多了可能會(huì)改變對(duì)象的實(shí)際寬度）。
clientWidth
是對(duì)象可見的寬度，不包滾動(dòng)條等邊線，會(huì)隨窗口的顯示大小改變。
offsetWidth
是對(duì)象的可見寬度，包滾動(dòng)條等邊線，會(huì)隨窗口的顯示大小改變。
一個(gè)scrollWidth和clientWidth的例子：
<html>
<head>
<title>77.htm文件</title>
</head>
<body>
<textarea wrap="off" onfocus="alert('scrollWidth:'+this.scrollWidth+'/n clientWidth:'+this.clientWidth);"></textarea>
</body>
</html>
在文本框內(nèi)輸入內(nèi)容，當(dāng)橫向滾動(dòng)條沒出來前scrollWidth和clientWidth的值是一樣的。當(dāng)一行內(nèi)容超出文本框的寬度，就有橫向滾動(dòng)條出來了，scrollWidth的值就變了。
scrollWidth是對(duì)象實(shí)際內(nèi)容的寬度。
clientWidth是對(duì)象看到的寬度（不含邊線），這個(gè)例子里不會(huì)改變。
一個(gè)clientWidth和offsetWidth的例子：
<html>
<head>
<title>77.htm文件</title>
</head>
<body>
<textarea wrap="off" onfocus="alert('offsetWidth:'+this.offsetWidth+'/n clientWidth:'+this.clientWidth);"></textarea>
</body>
</html>
offsetWidth的值總是比clientWidth的值大。
clientWidth是對(duì)象看到的寬度（不含邊線）
offsetWidth是對(duì)象看到的寬度（含邊線，如滾動(dòng)條的占用的寬）
HTML/CSS技術(shù)：scrollWidth,clientWidth與offsetWidth的區(qū)別，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
