获取Javascript中元素的transform类属性

我想让两个事件取决于菜单的比例属性。这是我的

div

：

<div class="starting-point">
    <span class="" style="transform: scaleX(1) scaleY(1); height: 2760.56px; width: 2760.56px; top: -1380.28px; left: -1380.28px;"></span>
</div>

非常感谢。

给你：

var style = getComputedStyle(document.getElementsByClassName('dddd')[0], null);

console.log(style.getPropertyValue('transform'));

编辑1:

如果您不想添加该类，可以如下更改代码：

var style = getComputedStyle(document.querySelector('.starting-point span'), null);

console.log(style.getPropertyValue('transform'));

编辑2:

您也可以将其更改为使用jQuery选择器：

var style = getComputedStyle($('.starting-point span')[0], null);

console.log(style.getPropertyValue('transform'));

---

因为您正在添加jquery标记，所以如果您使用它的API，它会更干净

var style = $('.starting-point span').attr('style').split(';')[0];

---

您还可以通过使用正则表达式来使用更通用的方法

var matrix = $('.selector').css('transform');
var values = matrix.match(/-?[\d\.]+/g);

这将获得所有变换属性，然后根据索引值获得特定属性。例如：

console.log(values[0]);

---

这就是我要找的，谢谢。但是如果我不给这个跨度分配任何类名呢？如何得到它？div子项未定义您可以将选择器更改为以下内容：

document.querySelector（'.start point span'）

很高兴这有帮助！！是的，该方法不是DOM或jQuery方法。您可以尝试这样做：

getComputedStyle（$（'.start point span'）[0]，null）编辑2正是我想要的：）
console.log(values[0]);