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

How can I get the value of a CSS property that the browser does not support?

本文关键字：不支持 CSS 属性 浏览器 何获取 获取      更新时间：2023-09-26

所以我正在寻找浏览器不支持的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/

相关文章：