JS 获取css transform中的值

可以参考这位博主的文章 https://www.cnblogs.com/zhenwoo/p/4993780.html

不想看直接想看怎么解决的看这：

var translates=
document.defaultView.getComputedStyle(document.getElementById('nav'),null).transform;
//matrix(1, 0, 0, 1, 100, 0)

var x = parseFloat(translates.substring(7).split(',')[4]);

// 100  X横坐标的值

简单说一下Number.parseFloat(string)：（方法可以把一个字符串解析成浮点数，给定值被解析成浮点数，如果无法被解析成浮点数，则返回NaN）

parseFloat("10x")
// 10

注意：是字符串参数（当然如果本身就是数字的话，输出的还是数字（但其实是会被转换为string先也就是强转换，加上js  类型是不定的，或者说js 常量类型是根据 最终值决定的~ ））

 

结束~