如何使用JavaScript获得元素的实际继承CSS？

使用JavaScript，如何获得继承的CSS属性的实际值

例如，考虑下面的HTML：

<p><span style="font-size:24pt;">Test #1</span></p>​
<p style="font-size:24pt;">Test <span style="font-weight:bold;">#2</span></p>​

测试#1
​
测试2
​

使用jQuery代码

$（'p span'）.css（'fontSize'）

将产生

32px

而不是

24pt

，因为它使用

getComputedStyle

返回使用的值，而不是实际继承的值。但有时样式将直接针对我所针对的元素，有时它将被继承

---

。如何使用JavaScript获取元素的实际继承CSS？

由@mikerobi给出的答案将满足您的测试用例，但更具体地说，浏览器公开的唯一CSS属性来自

getComputedStyle

，因此如果它错了，那就差不多了。有关更多详细信息，请参见另一个问题。

这里的问题是该值正在转换为像素<代码>32px为

24pt

。查看此演示：@Rocket:对。这正是我试图解决的问题：-p这就是我所说的

actual

vs

used

value相当确定您无法获得“actual”值（除了读取

style

属性）。看起来是这样的…也许你可以得到px值并将其转换为pt…（似乎对mikerobi的引用有点过时了？）