無法取代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是做正確的方式。