                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /DOM探索之基础详解篇

offwetWidth 和width区别？我设了offsetWidth，显示出来是1？奇怪了

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

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

var imgWidth = imgs[0].offsetWidth;

alert(imgWidth); //1 奇怪了

慕后端0261656

2015-10-01

源自：DOM探索之基础详解篇 1-3

关注问题我要回答

911

操作

收起

1 回答

pardon110
2015-10-02

javascript 中 offsetWidth 是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变
你代码弹出为1，可能是图片没有正常加载显示。
clientWidth、offsetWidth、clientHeight区别
IE6.0、FF1.06+：
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5：
offsetWidth = width
offsetHeight = height

offsetwidth:是元素相对父元素的偏移宽度。等于border+padding+width