課程
/前端開發
/JavaScript
/JS動畫效果
obj.style.width與obj.offsetwidth有什么區別？我聽不懂
2015-10-26
源自：JS動畫效果 4-2
正在回答
區別是：obj.style.width 是獲取的content區的寬度，并且只能獲取行內樣式；而offsetWidth獲取的是盒子寬度。
例如：
<div class="d"></div>
.d{
????width:200px;
????height:200px;
????border:10px #ccc solid;
? ? padding:10px;
? ? background:red;
}
d.offsetWidth = 200(content區寬度) + 10X2(兩邊的padding) + 10X2(兩邊的border) ?= 240
友情贈送另外一個：clientWidth
d.clientWidth = 200(content區寬度) + 10X2(兩邊的padding) = 220
z921129H
慕男嬸 回復 z921129H
http://www.xianlaiwan.cn/code/1705
舉報
通過本課程JS動畫的學習，從簡單動畫開始，逐步深入各種動畫框架封裝
1 回答關于obj.offsetWidth和obj.style.Width的區別
3 回答分不清用obj.style.width 和obj.offsetWidth的區別 有誰知道啊
1 回答obj.style.width=obj.offsetWidth+speed+'px'問題？？
2 回答obj.offsetWidth和obj.style.width變長變短的問題
2 回答oDiv.style.width與oDiv.offsetWidth有什么區別？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-10-27
區別是：obj.style.width 是獲取的content區的寬度，并且只能獲取行內樣式；而offsetWidth獲取的是盒子寬度。
例如：
<div class="d"></div>
.d{
????width:200px;
????height:200px;
????border:10px #ccc solid;
? ? padding:10px;
? ? background:red;
}
d.offsetWidth = 200(content區寬度) + 10X2(兩邊的padding) + 10X2(兩邊的border) ?= 240
友情贈送另外一個：clientWidth
d.clientWidth = 200(content區寬度) + 10X2(兩邊的padding) = 220
2015-10-27
http://www.xianlaiwan.cn/code/1705