javascript - 如何删除或替换 SVG 内容？

Question

我有一段 JavaScript 代码，它创建(使用 D3.js)一个包含图表的 svg 元素。我想根据来自使用 AJAX 的 Web 服务的新数据更新图表，问题是每次单击更新按钮时，它都会生成一个新的 svg，所以我想删除旧的或更新其内容。

这是我创建 svg 的 JavaScript 函数片段:

var svg = d3.select("body")
        .append("svg")
        .attr("width", w)
        .attr("height", h);

如何删除旧的 svg 元素或至少替换其内容？

Answer 1

解决办法如下:

d3.select("svg").remove();

这是D3.js提供的remove函数。