1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 原生JS设置和获取transform样式

原生JS设置和获取transform样式

时间:2021-08-31 07:50:24

相关推荐

原生JS设置和获取transform样式

原生JS设置和获取transform样式

用JS获取transform样式的值

let tabulW = document.querySelector('.tabul')/* 获取DOM元素*/let transX = document.defaultView.getComputedStyle(tabulW, null).transform

会返回一个字符串

比如我这里是设置了translateX -200px

// 获取的字符串中就会包含"matrix(1, 0, 0, 1, -200, 0)"// 之后获取的时候 我使用的方法是split用,分割成一个数组transX.split(',')分割之后通过索引索取'["matrix(1", " 0", " 0", " 1", " -200", " 0)"]'

用JS设置transform样式的值

tabulW.style.transform = 'translateX(-' + 200 + 'px)'

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。