如何使用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");