javascript - 为什么 SVG 上的文本不更新，而 div 上的文本却更新？

Question

我有两种不同的书写文本方式:

选择id为“view”的div

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');