JavaScript innerHTML を使用して SVG テキスト タグを変更する方法 質問する

JavaScript innerHTML を使用して SVG テキスト タグを変更する方法 質問する

私はraphaeljsを使用していましたが、svgでhtml(テキストだけでなく)を表示したいのですが、

だから私はこのコードを使います:

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">

では、SVGでJavaScriptを使用してテキストを変更するにはどうすればよいでしょうか

ありがとう

ベストアンサー1

SVG ノードには innerHTML プロパティがありません (HTML ではありません)。

代わりに textContent を使用してください:t.node.textContent='dddd'

おすすめ記事