无法在 IE/Edge 中替换 SVG tspan [重复]

Question

我有以下 JSFiddle：https://jsfiddle.net/8dc9ww9a/

这是在我的 HTML 中找到的 SVG：

<svg viewbox="0 0 100 100">
  <circle cx="50" cy="50" r="50" fill="red">
  </circle>
  <text y=50>
    <tspan id="my-text" x=50 text-anchor="middle">Old Text</tspan>
  </text>
</svg>

我有一个 Javascript 函数，当调用它时，将 <tspan> 中的文本更新为“新文本”。此功能在除 IE/Edge 之外的所有浏览器中都能正常工作。

为什么会发生这种情况，我可以做些什么来解决它？谢谢。

Answer 1

这个问题回答了我的问题：Updating SVG text using jQuery in IE9-11

$('#my-text').prop('textContent','New Text'); 在使用 JQuery 时是正确的做法。