原生JS如何动态获取和设置transform
在日常开发中，会遇到去改变transform的属性，看下面的例子如何获取和设置使用js取值let tabulW = document.querySelector('.tabul')/* 下面是DOM需要获取的DOM元素*/let transX = document.defaultView.getComputedStyle(tabulW, null).transform会返回一个字符串比如我这里是设
·
在日常开发中，会遇到去改变transform的属性，看下面的例子如何获取和设置
使用js取值
let tabulW = document.querySelector('.tabul') /* 下面是DOM需要获取的DOM元素*/
let transX = document.defaultView.getComputedStyle(tabulW, null).transform
会返回一个字符串
比如我这里是设置了translateX -300px
// 获取的字符串中就会包含
"matrix(1, 0, 0, 1, -300, 0)"
// 之后获取的时候 我使用的方法是split用,分割成一个数组
transX.split(',')
分割之后通过索引索取
'["matrix(1", " 0", " 0", " 1", " -300", " 0)"]'
用JS设置transform的值
tabulW.style.transform = 'translateX(-' + 300 + 'px)'
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
5
0- 0
已为社区贡献14条内容
所有评论(0)