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



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

这是一个测试文件,其中包含我迄今为止尝试过的所有方法。基本上,给定以下内容:

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

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

如果可能,一些首选项:

  • 更愿意从元素执行此操作,而不是循环访问样式表的规则
  • 至少需要支持 IE 7(或有这样做的方法)
  • 计算时间不应为 2 秒。我想要一些能体面的东西

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

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

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

相关内容

  • 没有找到相关文章

最新更新