Javascript 如何确定一个元素'；在CSS中，使用vanilla JS将的高度或宽度设置为100%或“自动”？

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

使用“样式”属性，仅返回已设置的内嵌样式

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

使用getComputedStyle会给出一个单位值

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

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

Return "auto"
or 
Return "80%"

在样式表上有一个很好的例子，但是浏览器从那时起已经有了很大的发展。现在肯定有更好的办法吗

例如，Chrome的Computed Property inspector将在计算的px值下面列出样式属性（如果属性是通过CSS设置的，则会有一个小的下拉箭头）。它是通过浏览器实现的，但不是所有的浏览器都能实现

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

---

为了获得元素的值，您首先通过css设置元素100%的宽度，然后设置元素id并使用js获取它返回100

我要求使用vanilla js解决方案。我想您正在寻找getComputedStyle，我的问题中已经提到了。它以像素为单位返回dom中维度的单位值，而不是“自动”或“100%”。因为您只想知道

auto

vs

%

，所以我添加了另一个链接，该链接也要求这样做，尽管接受的答案不正确。因此，请检查哪个适用于您的案例（显然您不需要jQuery，同样可以在纯js中使用

elem.parentNode.style.display=“none”；width=getComputedStyle（elem）.width；elem.parentNode.style.display=“”；

）Bt注意，它不适用于其他相关单元，如

em

，

vw

，

vh

etc.Mhaaa。。。如果您想要所有的单元，那么它=>目前是不可能的，但是一个新的API正在开发中。如果您只想要%vs auto，那么它是=>hide grab unhide。如果这个问题被重新打开，那么我们必须在同一个答案中写下两个不同的答案，因为这个问题不要求任何精确的答案。如果这个问题得到澄清，那么它只会澄清两个已经链接的问题中的哪一个是被愚弄的。