                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

分不清用obj.style.width 和obj.offsetWidth的区别有谁知道啊

秋天傻丫丫

2016-05-12

源自：JS动画效果 4-1

关注问题我要回答

1139

操作

收起

3 回答

kafu123
2016-07-08

offsetwidth:是元素相对父元素的偏移宽度。等于border+padding+width，这样应该明白了吧。

0 回复有任何疑惑可以回复我~

收起回答

mirrorofsky
2016-05-16

你只能给div标签本身带有的HTML属性进行赋值，比如：
<div id=abc class="style1" align="center" style="width:20px" title="我是div">...</div>
那么你可以
div.id="hehe";
div.className="style2";
div.align="right";
div.style.width="100px";
div.title="修改后的说明";
……
但是你见过有
<div offsetwidth="100px">...</div>
这样的吗？
所以你不能给div.offsetWidth赋值，因为它是Dom属性，不是HTML属性！
如果标签本身带有width属性，比如img，那么你可以给 img.width 赋值（必须用数值如100进行赋值，不能用"100px"这样带单位的字符串），但是img.offsetWidth仍然不行！