                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /DOM探索之基礎(chǔ)詳解篇

offwetWidth 和width區(qū)別？我設(shè)了offsetWidth，顯示出來(lái)是1？奇怪了

?var bod=document.getElementById('bodi');

? ? ? ? var imgs=bod.getElementsByTagName('img');

? ? ? ? var imgWidth = imgs[0].offsetWidth;

? ? ? ? alert(imgWidth); //1 奇怪了 ?

慕后端0261656

2015-10-01

源自：DOM探索之基礎(chǔ)詳解篇 1-3

關(guān)注問(wèn)題我要回答

945

操作

收起

1 回答

pardon110
2015-10-02

javascript 中 offsetWidth 是對(duì)象的可見(jiàn)寬度，包滾動(dòng)條等邊線，會(huì)隨窗口的顯示大小改變
你代碼彈出為1，可能是圖片沒(méi)有正常加載顯示。
clientWidth、offsetWidth、clientHeight區(qū)別
IE6.0、FF1.06+：
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5：
offsetWidth = width
offsetHeight = height

offsetwidth:是元素相對(duì)父元素的偏移寬度。等于border+padding+width

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_餅干先森_03228487

額。。。這都啥時(shí)候的事情；offset雖然看起來(lái)和width差不多，但是width只會(huì)返回你規(guī)定的寬度，而offsetWidth返回的是計(jì)算好的寬度，也就是border＋padding+content，與clientWidth不同的是，offset包含滾動(dòng)條