无法替换 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> 中的文本更新为 "New Text"。此函数在除 IE/Edge.

之外的所有浏览器中都可以正常工作

为什么会发生这种情况，我该如何解决？谢谢

Answer 1

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

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