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

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下载
官方微信