Javascript 获取（可能未应用）CSS属性的值

我有以下CSS

.EggChart {
    width: 5000px;
    height: 400px;
}

---

并且希望使用原始JavaScript或jQuery从CSS类规范中读取

height

的值。如果该类已应用于DOM的某个元素，这似乎很简单：我会选择具有该类的DOM元素并读取其CSS属性，但如果该类尚未应用于任何DOM元素，我将如何执行此操作？

对于具有固定常量值的简单CSS属性，如上面给出的值，您可以创建一个虚拟元素，然后获取要查找的属性的计算值

使用香草JavaScript：

var el = document.createElement('div');
el.className = 'EggChart';
console.log(window.getComputedStyle(el).getPropertyValue('height'));

使用jQuery：

console.log($('<div class="EggChart"></div>').css('height'));

console.log（$（''）.css（'height'）；

这当然有效（+1），但这真的是唯一的方法吗；我们不能通过JavaScript直接访问页面中的CSS规范吗？@dumbledad:你必须解析文档样式表，这本身就是一个完全不同的联盟……对了！邓布利多要通过JS直接操作CSS样式表，请看这里：