块级元素宽度默认 100%，为何 JS 获取属性为空字符串？

块级元素宽度默认是100%，但获取 js 属性为空字符串的缘由

当我们使用 JS 代码获取块级元素的宽度时，可能会惊讶地发现结果是一个空字符串，尽管 css 默认将块级元素的宽度设置为 100%。

为什么会出现这种情况呢？这个问题的关键在于 JS 获取的是元素的内联样式，而不是 CSS 默认值。

内联样式是直接写在 html 元素中的样式属性，通常优先级更高于 CSS 默认值。如果块级元素没有指定内联样式，则默认宽度为 100% 的 CSS 样式也不会被应用。因此，JS 获取到的元素属性为空字符串。

要获取 CSS 默认值，需要使用 getComputedStyle() 方法，它会返回元素的所有计算样式，包括 CSS 默认值。