如何用JS获取translate3d中的数值

JavaScript07

如何用JS获取translate3d中的数值,第1张

获取代码如下：

<div id="test" style="tranform:translate3D(20px,50px,0)"></div>

var style = document.getElementById('test').style

var transform = style.transform || ''

var transformY = transform.match(/translate3d\(\d+px,\s*(\d+)px,\s*(\d+)px\)/i)[1]

解释：

style是id为test的div的style属性

transform是style规则中的transform属性，此处忽略前缀问题，如果需要取-webkit-transform则可以通过WebkitTransform获取

transform.match(/translate3d\(\d+px,\s*(\d+)px,\s*(\d+)px\)/i)[1]获取translate3d第二个参数的数值，此题中为50

获取代码如下：

<div id="test" style="tranform:translate3D(20px,50px,0)"></div> var style = document.getElementById('test').style

var transform = style.transform || ''

var transformY = transform.match(/translate3d\(\d+px,\s*(\d+)px,\s*(\d+)px\)/i)[1]

解释：

style是id为test的div的style属性

transform是style规则中的transform属性，此处忽略前缀问题，如果需要取-webkit-transform则可以通过WebkitTransform获取

transform.match(/translate3d\(\d+px,\s*(\d+)px,\s*(\d+)px\)/i)[1]获取translate3d第二个参数的数值，此题中为50

sort[i].style.transform="translate3d("+tw+"px, 0px, 0px)"

sort[i].style.webkitTransform='translate3d(tw+"px,0,0")'