javascript - 获取多个元素的属性值

Question

想以数组的形式获取selection中多个元素的属性值，但是找不到简洁的方法。

例如，在 svg 元素中，有一些 circle ，您需要获取所有这些的 cx 属性。

我试过:

var cxs = d3.select("svg")
    .selectAll("circle")
    .attr("cx");

但结果只是一个圆的值(比如“523.4777243042896”)，我需要所有的cx。圆的坐标是用复杂的模拟算法计算出来的，所以不可能用原始数据得到。有什么好的方法可以获取所有的值吗？

谢谢。

Answer 1

如果我没理解错的话，您想要获取 cx 值的列表。所以，这是您可以做到这一点的一种方法。

var cxs = [];
d3.selectAll("circle")[0].forEach(function(circle) {
  cxs.push(circle.getAttribute('cx'));
});

要使其更短一些，您可以使用 map()

var cxs = d3.selectAll("circle")[0].map(function(circle) {
  return circle.getAttribute('cx');
});