无法替换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

使用JQuery时，

$('#my-text').prop('textContent','New Text');是正确的方法。