首页 > 文章列表 > 为什么块级元素的宽度默认是100%,但使用 JavaScript 获取 style 属性却为空字符串?

为什么块级元素的宽度默认是100%,但使用 JavaScript 获取 style 属性却为空字符串?

188 2025-03-12

为什么块级元素的宽度默认是100%,但使用 JavaScript 获取 style 属性却为空字符串?

为什么块级元素的宽度默认是 100%,但元素属性却显示为空字符串?

在 HTML 中,块级元素(如 <div>)默认占据父元素的全部宽度。但通过 JavaScript 获取元素的 style 属性时,得到的却是空字符串。这是为什么呢?

原因在于,JavaScript 获取的是元素的内联样式,而不是默认样式。默认样式由浏览器根据元素类型和 CSS 规则应用。内联样式则是通过 <style> 标签或元素的 style 属性设置的自定义样式。

块级元素的默认宽度为 100% 并不是设置在内联样式中,而是由浏览器的默认 CSS 规则决定的。因此,JavaScript 获取到的内联样式为空字符串,而元素实际的宽度仍然是 100%。

来源:1730113319