Javascript 如何获取当前CSS3筛选器属性函数参数值?
如果在应用了CSS3筛选器属性的DOM对象上使用Javascript 如何获取当前CSS3筛选器属性函数参数值?,javascript,jquery,regex,html,css,Javascript,Jquery,Regex,Html,Css,如果在应用了CSS3筛选器属性的DOM对象上使用$('#my div').css(“-webkit filter”)(jQuery),将返回以下字符串: "blur(*px) invert(100%) etc" 如何快速找到应用于给定DOM元素的每个CSS3筛选器属性函数参数(可能还有transform属性)的当前值?似乎包装窗口的.css,在规范css值方面做得很好。捕获名称/值的通用正则表达式是 /(?:^|\s+)(.*?)\((.*?)\)/g 您可以使用.replace而不进行替
$('#my div').css(“-webkit filter”)
(jQuery),将返回以下字符串:
"blur(*px) invert(100%) etc"
如何快速找到应用于给定DOM元素的每个CSS3筛选器属性函数参数(可能还有transform属性)的当前值?似乎包装
窗口的.css
,在规范css值方面做得很好。捕获名称/值的通用正则表达式是
/(?:^|\s+)(.*?)\((.*?)\)/g
您可以使用.replace
而不进行替换,以便分别获取过滤器的名称及其值,或者将它们存储在对象中
获取该字符串并使用.split(“”)
?然后你可以调查[0]
,[1]
,等等。我对-webkit filter
属性一无所知,所以我不确定这是否真的有用:)我一直在想这些问题(可能是正则表达式),但我怀疑一定有更干净的方法来做,因为这是你在某个时候想要做的事情,依我看,啊,是的,现在我看到了房产的细节,正则表达式会更有意义。嗯,我想可能会有“子”属性…有点像边框
在技术上是如何由边框样式
,边框宽度
,边框颜色
,等等组成的…但我似乎找不到任何类似于过滤器
的细节。不过,正则表达式可能不是个坏主意。这可能是一个有趣的小项目在缺乏某种合理的getter方法的情况下,这看起来相当不错。谢谢