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