svg - 如何删除使用 svg.appendChild 添加的字符串？

Question

我正在尝试构建一个程序，该程序将在文本框中接受用户输入并显示它。我的问题是，当我在文本框中输入新输入时，帽子输入与第一个文本重叠。我想要的是删除原始文本并用新输入替换。我正在使用的代码如下。

function eccentricityChanged() {
  let svg = document.getElementById('diagram');

  let text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
  text.setAttribute('x', 585);
  text.setAttribute('y', 275);
  text.setAttribute('fill', 'red');
  svg.appendChild(text);
  svg.selectAll('*').remove();

  let txt = document.getElementById("eccentricity").value;
  parseFloat('text', txt);
  text.innerHTML = txt;

标签： svgtext