如何使用javascript获取CSS属性的computet（或specyfied）值（而不是解析或使用的值）？

我正在寻找例如“宽度：最小内容”不是“宽度：210px”或“绿色”而不是“rgb（0255,0）”。所以

$（elem）.css（“宽度”）

不是我要搜索的

我从MDN中获取命名（specyfied或computed）

CSS属性指定的值为 它从文档的样式表中接收。给定属性的指定值 根据以下规则确定：

CSS属性的计算值是传输的值 继承期间从父级到子级。它是根据 指定的值由：

vs:

CSS属性的解析值是 getComputedStyle（）

对于大多数属性，它是计算值，但对于少数遗留属性 属性（包括宽度和高度），它是而不是使用的值

CSS属性的使用值是所有计算后的值 已对计算值执行

一个原因是，我过度使用了一些布局（几乎）只使用隐式大小，如果我在css文件中遗漏了显式宽度，我会警告自己

另一个是，我希望帮助网格显示可变的元素计数，以更“方形”的方式放置它，这取决于可用的空间。因此，我需要知道网格项的规范是最小内容还是最大内容

---

编辑：浏览样式表不是一个解决方案-这意味着要对css的整个继承进行编程…

我认为您遗漏了css变量=>

const Root=document.documentElement
，gRoot=getComputedStyle（根）
，cssVname='--min content'
，myInput=document.querySelector（“#我的输入”）
var currentVal=parseInt（gRoot.getPropertyValue（cssVname））
myInput.value=currentVal
myInput.oninput=\u=>
{
currentVal=myInput.valueAsNumber
setProperty（cssVname，`${currentVal}px`）
}

：根目录{
--最小含量：210px；
}
div{
高度：20px；
宽度：var（--最小含量）；
背景色：rgb（27、117、90）；
利润率：20px；
}

IRRC，JS中唯一的实际选项是使用

getComputedStyle（）

计算样式（或您定义的解析值）或元素上的

style

属性。使用CSS flexbox怎么样。你看起来像这样吗@AndroidNoobie:thx，但这不是“我的定义”；我从MDN拿的。它经常被混淆：是的，我知道，我只是想使用你提供的定义。@DeepuReghunath：尽管这只是问题的一个原因：我现在使用Flex；我想编程的是一种更智能的传播方式：简言之：如果不是所有8行都只适合一行的话，那么让2行4行。不是7和1。（或3行3/3/2），但这个问题是关于获取指定的css值。