js的style.width取不到元素的宽度值

使用jquery的.width()方法获取一个元素的当前宽度,不管元素是否设置了宽度,css样式时内联 外联或者是内嵌,都可以使用

这个方法获取元素的宽度。

使用原生js style.width .width取不到值

1 元素没有设置宽度值

2 元素设置了宽度指,但是是内联或者外联样式表中,并非内嵌式的

这种方法虽然取不到宽高值,但是可以通过这个方式来设置值

可以通过offsetWidth offsetHeight来获取元素的宽高值

所以,jquery的width()与js的offsetWidth都可以获取元素的宽度,但有个区别:

.width()的值单纯是内容区域的宽度、不包括内外补丁和border。ie6+和chrome相同。
offsetWidth :包括了内补丁和border,不包括外补丁。ie6+和chrome相同

原文地址:https://www.cnblogs.com/xiaofenguo/p/11714191.html