Как изменить текстовый тег svg с помощью javascript innerHTML

Я использовал raphaeljs, и я хочу показать html (не только текст) в svg,

поэтому я использую этот код:

var r = Raphael("holder", 200, 300);
var t = r.text(10, 10, "ssdwqdwq");
t.node.innerHTML='dddd'

но я не могу изменить содержимое svg, поэтому я утешаю его в firebug,

console.log(t.node)

он показывает это:

<text x="10" y="13.5" text-anchor="middle" style="font: 10px "Arial";" font="10px "Arial"" stroke="none" fill="#000000">

так как изменить текст с помощью javscript на svg

спасибо

Ответы

Ответ 1

Узлы SVG не имеют свойства innerHTML (они не являются HTML).

Вместо этого используйте textContent: t.node.textContent='dddd'

Ответ 2

если код для текста svg выглядит так:

<text id="id-of-the-text"> old value</text>

если вы используете JQuery, попробуйте это:

$("#id-of-the-text").text("new-value");