如何使用javascript获取应用于HTML元素的rotateY值？

以下是我想弄明白的：

我有一个应用了rotateY属性的div，现在我想使用javascript获取这个值

我想以这个div为目标并访问它的rotateY值，javascript代码应该返回一个90的整数值

函数getValue（）{
var tr=document.getElementById（'test'）.style.transform.replace（/[^\d.]/g'）；
console.log（'Rotate:'+tr+'deg'）；
}

获取

您可以使用

元素.style.transform

获取

转换

样式，然后将非数字字符替换为空

如果您想得到一个数字类型的结果，只需将它用

10

基数包装成

parseInt

const test=document.querySelector（'.test'）；
const stringResult=test.style.transform.replace（/\D+/g'）；
常量numberResult=parseInt（stringResult，10）
console.log（stringResult，stringResult的类型）
console.log（numberResult，typeof numberResult）

---

您需要返回一个包含值和单位的字符串

var myValue = 90;
document.getElementById('myElement').style.transform = 'rotateY(' + myValue + 'deg)';

---

我对此进行了测试，似乎只有在内联编写样式时才有效。据你所知，这是真的吗？@Maiya，这在一般情况下是真的，与transform属性没有任何特别的关系。谢谢我们要求b/c使用getComputedStyle（）进行转换，得到的是矩阵，如果有办法的话，那就太好了。不，对于

CSS

设置的样式，我认为唯一的方法是使用

getComputedStyle

。但是对于内联样式（如此问题），您可以使用

style.nameOfProperty

@mi当元素上只有作为内联样式的rotateY时，您的答案非常有效，但是如果我在同一元素上添加rotateX，则不起作用。你能给我一个从matrix3D解码rotateY的答案吗？我真的很感谢大家的时间和努力。谢谢大家。除非它们是作为内联样式编写的（我认为），否则转换会被转换为矩阵属性，在引擎盖下。要获取元素的矩阵，请执行以下操作：const element=document.querySelector（“.test”）；常量样式=getComputedStyle（测试）；log（“style:，style[“transform”]）；然后，您必须学习如何解码矩阵对象，以查看rotateY是什么？问题代码中没有id。另外，请使用

getComputedStyle

坚持您的原始答案。还有，为什么点击按钮？为什么要把事情复杂化？