浩瀚周知 CSS3 增加了许多属性，在读写的时刻就没有本来那末方便了。

如:<div style="left:100px"></div>

只斟酌行间款式的话，只需 div.style.left 便可猎取，设置的时刻也只需要 div.style.left='100px' 即可。很简朴。

然则css3来了

如:<div style="-webkit-transform: translate(20px,-20px)"></div>

怎么搞？被吓住了。。。

设置的时刻很简朴：div.style.webkitTransform='translate(20px,-20px)' 遵照驼峰式的写法即可。

猎取的时刻：
div.style. webkitTransform 的值为字符串 ‘translate(20px,-20px) '
怎样猎取想要的X、Y值呢？搜刮半天没有找到简朴方法。只能字符串截取，或许正则婚配来获得了。

写一个正则表达式 猎取想要的 20和-20

reg=/\-?[0-9]+/g 婚配负号和数字
reg2=/\-?[0-9]+\.?[0-9]*/g 能够包括小数点的

然厥后match搜刮一下
div.webkitTransform.match(reg) //效果 [20,-20]

就会返回一个包括X值和Y值的数组了。

同理：

-webkit-transform: skew(20deg,-50deg);/ skew(相对x轴倾斜,相对y轴倾斜)/

-webkit-transform: matrix(1,0.4,0,1,0,0);

种种等等。。。