关于style.width和offsetWidth的区别

1.offsetWidth返回的是width的整数值,会进行round为一个整数,且不带单位px;

  而style.width返回的是字符串,即带有单位px。

2.offsetWidth是只读属性,不可以修改,只可以获取值。

    style.width可读写。

3.style.width只能返回style方式定义的内部样式表的width属性值。

4.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。

这里还发现是一个方法,就是window.getComputedStyle()。getComputedStyle方法可用来获取元素中所有可用的css属性列表,以数组形式返回,并且是readonly的。IE中则用currentStyle代替。

想获取某个属性的值的时候可以直接通过 .键名访问。如window.getComputedStyle(ele,null).width(这里需要用驼峰写法)

                                                                                                   也可以通过getpropertyValue(name)这里的属性名不使用驼峰写法。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值