JS实现的方法来获取和设置的CSS3属性的值

他们中的很多人都知道添加了许多属性,CSS3,这不太方便阅读和写作时。

如:



考虑到界面风格,只div.style.left可以得到,只有div.style。左=时需要设置'100px'is。很简单u3002

但CSS3来

如:



你是怎么得到它的它很害怕。

设置起来很容易。
div.style。webkittransform = 'translate(20px,- 20px)驼峰式如下。

收购时:
div.style的价值。webkittransform是字符串的翻译(20px,- 20px)
如何得到所需的x和y值半天搜索都找不到一个简单的方法,只得到字符串截取,或者正则匹配。

编写正则表达式以获得所需的20和- 20

reg = / - { 0-9 } + / g,和数字签名

REG2 = / - { 0-9 } + 。{ 0-9 } * / G可能包含小数点

然后来比赛寻找它
Div.webkitTransform.match(Reg){ 20 }结果/ 20。
它返回一个包含x值和y值的数组。

以同样的方式:
WebKit的变换:斜(20deg,- 50deg); / *斜(相对于X轴倾斜于Y轴)。

WebKit的变换矩阵(1,0.4,0,1,0,0);

各种各样的东西。