为什么块级元素的宽度默认是100%，但js获取到的元素属性却是空字符串？

Question

任意获取一个没有修改过属性的div样式，都是这样的，为什么？

Answer 1

你是打印的Element上的style属性？那个返回的是内联样式
https://developer.mozilla.org...
也就是<div style=""></div>这里写的style

Answer 2

用的 getComputedStyle 获取的吗？
试试 getBoundingClientRect().width

Answer 3

可能是在DOM渲染之前就执行了获取事件。尝试将事件写在domReady之后，或使用setTimeout排查

Answer 4

你的图上获取的是style属性，不设置就不会有值，并不是元素渲染后的布局信息，如果想获取尺寸相关的，可以用offsetWidth，clientHeight等属性。
参考mdn文档：
https://developer.mozilla.org...