无法取代SVG TSPAN在IE /边缘

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是做正确的方式。