如何使用JavaScript的innerHTML

Question

我使用raphaeljs，我想显示HTML中的SVG（不仅仅是文本）来改变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的

感谢

Answer 1

SVG节点没有innerHTML属性更改文本（他们不是HTML）。

使用的textContent代替：t.node.textContent='dddd'

Answer 2

如果SVG的文本的代码是这样的：

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

如果你使用JQuery试试这个：

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