課程
/前端開(kāi)發(fā)
/JavaScript
/JS動(dòng)畫(huà)效果
obj.style.width與obj.offsetwidth有什么區(qū)別?我聽(tīng)不懂
2015-10-26
源自:JS動(dòng)畫(huà)效果 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
友情贈(zèng)送另外一個(gè):clientWidth
d.clientWidth = 200(content區(qū)寬度) + 10X2(兩邊的padding) = 220
z921129H
慕男嬸 回復(fù) z921129H
http://idcbgp.cn/code/1705
舉報(bào)
通過(guò)本課程JS動(dòng)畫(huà)的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫(huà)開(kāi)始,逐步深入各種動(dòng)畫(huà)框架封裝
1 回答關(guān)于obj.offsetWidth和obj.style.Width的區(qū)別
3 回答分不清用obj.style.width 和obj.offsetWidth的區(qū)別 有誰(shuí)知道啊
1 回答obj.style.width=obj.offsetWidth+speed+'px'問(wèn)題??
2 回答obj.offsetWidth和obj.style.width變長(zhǎng)變短的問(wèn)題
2 回答oDiv.style.width與oDiv.offsetWidth有什么區(qū)別?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
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
友情贈(zèng)送另外一個(gè):clientWidth
d.clientWidth = 200(content區(qū)寬度) + 10X2(兩邊的padding) = 220
2015-10-27
http://idcbgp.cn/code/1705