js获取和设置css3属性值的实现方法
时间：2023-03-30 23:23:41
CSS
众所周知，CSS3增加了很多属性，读写的时候没有以前方便了。例如：
如果只考虑行间样式，只需要获取div.style.left，只需要设置div.style.left='100px'那是Can。很简单。但是css3来了，比如：
怎么办？被吓倒。..设置很简单：div.style.webkitTransform='translate(20px,-20px)'遵循驼峰式即可。获取时：div.style.webkitTransform的值是一个字符串'translate(20px,-20px)'如何获取想要的X和Y值？找了半天也没找到简单的解决办法。只能通过字符串截取或者正则匹配得到。写一个正则表达式得到想要的20和-20reg=/\-?[0-9]+/g来匹配负号和数字reg2=/\-?[0-9]+\.?[0-9]*/g可能包含小数点，然后做匹配搜索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);各种等等。..
