d3.js:如何遍历DOM

在使用d3.js遍历DOM时，可以使用以下方法：

1. 选择器选择元素：

使用d3.js的选择器选择需要遍历的DOM元素，例如：

d3.selectAll("p")

这将选择所有的<p>元素。

1. 使用each()方法遍历元素：

使用each()方法遍历选择器选择的所有元素，例如：

d3.selectAll("p").each(function() {
  // 在这里处理每个元素
})

在each()方法中，可以使用this关键字来引用当前遍历的元素。

1. 使用data()方法绑定数据：

可以使用data()方法将数据绑定到选择器选择的元素上，例如：

d3.selectAll("p").data([1, 2, 3]).each(function(d) {
  // 在这里处理每个元素和对应的数据
})

在each()方法中，可以使用d参数来引用绑定的数据。

1. 使用enter()、exit()和update()选择器：

使用enter()、exit()和update()选择器可以方便地处理数据和DOM之间的关系，例如：

var data = [1, 2, 3];
var p = d3.select("body").selectAll("p").data(data);

p.enter().append("p").text(function(d) {
  return "New element for " + d;
});

p.exit().remove();

p.text(function(d) {
  return "Updated element for " + d;
});

在这个例子中，使用enter()选择器添加新元素，使用exit()选择器删除不需要的元素，使用update()选择器更新现有元素。

总之，使用d3.js遍历DOM元素需要先选择需要遍历的元素，然后使用each()方法遍历元素，并使用data()方法绑定数据。最后，使用enter()、exit()和update()选择器处理数据和DOM之间的关系。