                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JS動畫效果

分不清用obj.style.width 和obj.offsetWidth的區別有誰知道啊

秋天傻丫丫

2016-05-12

源自：JS動畫效果 4-1

關注問題我要回答

1209

操作

收起

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仍然不行！