gpt4 book ai didi

javascript - 如何使用 vanilla JS 在 CSS 中确定元素的高度或宽度是否设置为 100% 或 `auto`?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:48:17 25 4
gpt4 key购买 nike

<分区>

如何使用 vanilla JS 和跨浏览器解决方案确定元素的 CSS 宽度/高度是否设置为“自动”或“100%”?

使用样式属性,只返回设置的内联样式。

document.querySelector("#foo").style.height
Returns: ""

使用 getComputedStyle 给出单位值。

getComputedStyle(document.querySelector("#foo")).height
Returns: "334.641px"

我正在寻找的结果将返回元素上设置的值

Return "auto"
or
Return "80%"

有一个 old post from 2011关于遍历样式表,但浏览器从那时起已经有了显着的发展。目前肯定有更好的方法吧?

例如,Chrome 的计算属性检查器将在计算的 px 值下方列出样式属性(如果属性是通过 CSS 设置的,则有一个小的下拉箭头)。它通过 computedStyleMap() in the following answer 完成此操作,但并非所有浏览器都实现它。

width: 385px;
100%. .w-full tailwinds.css:6366

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com