SVG上的文本如何更新但div上的文本没有？

Question

我有两种不同的文字写作方式：

使用div

选择id 'view'

1 - d3.select("#view").text("your title is:" + title)

并将文字附加到svgContainer

2 - d3.select("#svgContainer").append("g").append("text")text("your title is:" + title);

我在右侧有不同的布局，点击后文本会更新。如果我使用第一种方式，旧标题将被删除，并显示新标题。但是当我使用第二种方式时，旧标题会保留在那里，新标题会被添加到最后，我不确定为什么。

为什么写文本的方式有不同的行为？

Answer 1

名称说明：.append()将新的g节点附加到容器中。您更愿意选择容器内的现有文本节点：

d3.select('#svgContainer text').text('mynewtext');