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);
各种各样的东西。