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

首页课程实战体系课手记专栏慕课教程

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

来源：1-3 实例JS+DOM

慕后端0261656

2015-10-01 13:34

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

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

var imgWidth = imgs[0].offsetWidth;

alert(imgWidth); //1 奇怪了

写回答关注

1回答

pardon110

2015-10-02 13:43:10

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

1 0

qq_饼干先...

额。。。这都啥时候的事情；offset虽然看起来和width差不多，但是width只会返回你规定的宽度，而offsetWidth返回的是计算好的宽度，也就是border＋padding+content，与clientWidth不同的是，offset包含滚动条

2016-09-10 19:51:08

共 1 条回复 >

DOM探索之基础详解篇

要知道前端大牛都是从精通DOM开始的，全面讲解DOM的基础知识

98368 学习 · 251 问题

相似问题

回答 3

怎么显示不出来js效果

回答 4

逗号和分号的区别

回答 2

为什么第一张图片也只是显示了露出门体的宽度？

回答 2

js显示不了。救救孩子吧

回答 2

打开慕课网App查看更多内容