D3 -如何使用每个函数将<img>追加到<td>

// 选择所有的<td>元素
var tds = d3.selectAll("td");

// 使用data绑定数据
var data = ["image1.jpg", "image2.jpg", "image3.jpg"];
var images = tds.data(data);

// 使用enter()函数追加<img>元素
images.enter()
  .append("img")
  .attr("src", function(d) { return d; })
  .attr("alt", function(d) { return d; });

// 更新数据时，可以使用update()函数来更新<img>元素的属性
data = ["image4.jpg", "image5.jpg", "image6.jpg"];
images = tds.data(data);

images.attr("src", function(d) { return d; })
  .attr("alt", function(d) { return d; });

// 如果数据减少，可以使用exit()函数来移除多余的<img>元素
data = ["image7.jpg"];
images = tds.data(data);

images.exit().remove();