javascript - 如何从 JavaScript 访问级联变量？

Question

我已经使用 Cascading Variables 定义了一个样式表.

:root {
        --media: narrow;
}

@media all and (min-width: 30rem)
{
        :root {
                --media: wide;
        }
}

Firefox 理解这一点并在检查器中向我显示该属性。

但是如何从 JavaScript 读取它呢？

我用 jQuery 2.1.3 尝试过，但它似乎不起作用:

$('html').css('--media')
undefined
$('html').css('media')
undefined
$(':root').css('media')
undefined

我必须使用哪个 native 函数？

Answer 1

谢谢Rakesh !

我明白了:

window.getComputedStyle(document.body, ':root')
      .getPropertyValue('--media')
      .trim()