使用getAttribute时如何重新检索translate属性的转换值？

Question

使用getAttribute时如何检索translate属性的变换值？

如果我使用setAttribute，那么在对象上创建一个变换，例如在下面的代码中，

document.getElementById("Dots").setAttribute('transform','translateY(100)');

我以后如何使用.getAttribute('transform');

仅检索翻译值

使用getAttribute仅检索最后一次转换。我只想要translateY()。

的值

http://jsfiddle.net/slayerofgiants/4v7Yn/3/

我有什么想法可以实现这个目标？ 谢谢， --christopher

Answer 1

您的第二个语句会覆盖第一个语句，因此您永远不会获得translateY值。

请参阅UPDATED DEMO HERE

document.getElementById("Dots").setAttribute('transform','translateY(100) skewX(60)');
alert(document.getElementById("Dots").getAttribute('transform').split(' ',1));

然后，您可以使用split()获取所需的特定值。