为了账号安全,请及时绑定邮箱和手机立即绑定

obj.style.width与obj.offsetwidth有什么区别?

obj.style.width与obj.offsetwidth有什么区别?我听不懂

正在回答

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

4 回复 有任何疑惑可以回复我~
#1

z921129H

请问为什么前者要用parseInt呢
2016-04-13 回复 有任何疑惑可以回复我~
#2

慕男婶 回复 z921129H

前者取出的是带单位的字符串,例如"200px",使用parsetInt之后,变成200
2016-04-13 回复 有任何疑惑可以回复我~

http://www.imooc.com/code/1705

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

举报

0/150
提交
取消

obj.style.width与obj.offsetwidth有什么区别?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号