How To Change Svg Text Tag Using Javascript Innerhtml

i was using raphaeljs , and i want to show html(not only text) in svg, so i use this code : var r = Raphael('holder', 200, 300); var t = r.text(10, 10, 'ssdwqdwq'); t.node.innerHTM

Solution 1:

SVG nodes don't have a innerHTML property (they're not HTML).

Use textContent instead: t.node.textContent='dddd'

Solution 2:

I was able to accomplish this by setting the textContent property of the <text> element. Makes it a lot easier if you know the ID of the element.

document.getElementById("id-of-text-el").textContent = "My Value";

Solution 3:

if the code for the svg text is like this:

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

if you are using JQuery try this:

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