如何从JavaScript访问级联变量？

Question

我使用Cascading Variables定义了一个样式表。

:root {
        --media: narrow;
}

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

Firefox了解这一点并向我展示了Inspector中的属性。

但是如何从JavaScript中读取它？

我尝试使用jQuery 2.1.3，但它似乎不起作用：

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

我必须使用哪种原生功能？

Answer 1

谢谢Rakesh！

我明白了：

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