如何获取浏览器不支持的CSS属性的值?

时间:2012-06-26 22:46:47

标签: javascript css cssom

所以我希望获得浏览器不支持的CSS属性的值。这是我想用来创建polyfill的东西,但我需要知道在任何给定时间属性的值。

Here's a test file with all the methods I've tried so far。基本上,给出以下内容:

#element {
    transform: rotate(2deg);
}

我希望能够通过JavaScript获得值rotate(2deg),无论浏览器是否支持它。 这可能吗?如果是这样,是否有一种预先形成的方法(我需要在旧浏览器中做很多事情)?

如果可能的话,有些偏好:

  • 宁愿从元素中执行此操作,而不是循环遍历样式表的规则
  • 至少需要支持IE 7(或者有方法可以这样做)
  • 不应该花2秒钟来计算。我想要一些能够做得很好的事情

1 个答案:

答案 0 :(得分:2)

我能够在Firefox中使用jQuery检索演示中的值:

var match = $( 'style' ).html().match( /transform:\s*(.+);?/ );
var value = match ? match[1] : '';

现场演示: http://jsfiddle.net/fnF2V/5/