在webkit中获得级联样式

Question

如何获得元素的级联样式（未计算）？ 假设我有一个匹配的CSS规则宽度的元素：50％;

我想获得字符串“width：50％”

style.cssText

仅适用于内联样式

我得到了使用

elm = document.getElementById("myElm");
rules = elms.ownerDocument.defaultView.getMatchedCSSRules(elm, '');

现在我有一个与此元素相关的所有CSS规则的列表，但我怎么知道哪一个是匹配的规则？

是rules中与“级联”样式相关的订单规则？我做了一些简单的测试，我认为情况确实如此，但我无法确定。

我不需要跨平台解决方案，但它必须与webkit浏览器和原生JS一起使用。

Answer 1

如果我理解你的问题，你需要这样的事情：

var casWidth = ( $element.width() / $parentRelativeElement.width() ) * 100