在尝试写页面之前，我尝试使用js来获取一些元素的转换值，但是转换是转换的子样式。当然，首先是转换样式，然后再读取值。

复制代码代码如下所示：

体{ WebKit的变换：translatex（20px）；}



但当我试图做到这一点时，奇迹出现了。


我的心几乎碎了，我只是想静静地得到翻译的价值。啊，谁知道我弹出这个商品，虽然它也有大量的类，所有的变化（2D和3D）效果可以集中在一个矩阵里面，但是如果我想得到的反向分析矩阵的值不是那么简单。

一次机会，我又想用js来获取翻译的价值，这次的结果是出乎意料的：


看这个场景，下雨了，虽然不是直接得到我想要的，但是你能得到什么样的匹配呢。

你认为JQ是干什么的呢其实我比较一下，我发现两种文体的写作风格是不同的：

对于第一次uff1a

复制代码代码如下：体{ WebKit的变换：translatex（20px）；}

第二次uff1a

复制代码代码如下所示：

是的，第一次是CSS设置的。第二次是由体的样式属性设置的。根据我的理解，CSS和样式属性可以呈现页面元素，尽管它们具有不同的状态。

当页面被加载，CSS和风格在渲染树的影响，会影响到不同地方的元素来实现的，风格是一个元素的属性，设置用户应该保留什么，像一个深深的烙在特定的元素，所以当人体的风格- WebKit转换，我们可以获得由document.body.style.webkittransform.you价值可能会有疑问，也不好直接拿到CSS设置的价值。但我认为这是不可能的（除去CSS文件的解析方法），因为CSS文件被加载，任务完成后的渲染树的形成，CSS和风格规则的元素都可以通过window.getcomputedsty最终渲染制作乐（元）发现的。通过这种方法，我们可以看到，变换渲染生成的规则存储在矩阵maxrix形式（x，x，x，x，x）。


这解释了为什么美元（'body）。Css（- WebKit变换）货物将回到矩阵，也看到了$（）Css（）方法返回从浏览器中的最终渲染结果（window.getcomputedstyle规则（元）），所以不读你的CSS设置，当你使用$（）（CSS）设置风格的元素，事实上它是通过设置元素的样式属性（inline）设置，试试你会看到..虽然这$（CSS）有词CSS

总结：

1.css风格共同渲染树，并设置样式的值被保存作为元素的样式属性的子属性。最终的渲染规则可以通过window.getcomputedstyle（元）。

2。JQ $（）Css（）方法获取最终的渲染规则和设置样式属性（内联样式）

建议：

1、当需要实时获取和修改变换的各种参数，如用平移实现各种滑动效果时，应将变换设为元素的内联属性（按样式设置），便于阅读。

虽然2。矩阵是可怕的，但如果不想成为普通的页面男孩，仍然需要了解

以上是本文的全部内容，希望大家能喜欢。