如何在D3.JS中关闭并稍后添加HTML元素?

50few1ms  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(170)

现在我有了下一个代码:

d3.select("#commiterStatsContainer")
        .append("div").attr("class", "chip")
        .append("img").attr("src", committers[i].avatar)
        .text(committers[i].login);

但是它在<img>...</img>标记中添加了我的文本。我如何才能关闭<img>并稍后添加我的文本呢?

8cdiaqws

8cdiaqws1#

append方法返回一个包含附加元素的新选择(请参阅文档)。

d3.select("#commiterStatsContainer") // initial selection
  .append("div").attr("class", "chip") // new selection with a div
  .append("img").attr("src", committers[i].avatar) // new selection of img in that div
  .text(committers[i].login); // text for the img tag in the div.

请尝试:

var div = d3.select("#commiterStatsContainer")
  .append("div").attr("...");

div.append("img").attr("....");
div.append("p").html("....");

变量div是新创建的div的一个选择,然后可以使用div.append()向该div追加新元素。

相关问题