使用文本更新DOM节点会覆盖旧文本

Question

我想将一个值写入DOM节点。在网站启动时，“节点”为空，所以我做一个简单的

d3.select(`#foobar`)
    .append('text')
    .text(value)
    .attr('x', xPosition)
    .attr('y', yPosition);

但是，在使用网站期间，变量value会更改其内容，我需要将新的value附加到DOM上。第二次调用此函数将覆盖当前的value。仍然可以看到下面的旧文本...如何删除旧文本并附加新文本？

Answer 1

在添加文本之前，先将其删除

let data = {};

data.content = ({
  _id: 1001,
  value: "tom"
});
data.content = ({
  id: 10001,
  status: "harry"
});

console.log(data);