关于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)这里的属性名不使用驼峰写法。


猜你喜欢

转载自blog.csdn.net/tongzhiyong233/article/details/80115537