如何使用javascript innerHTML更改svg文本标签 [英] how to change svg text tag using javascript innerHTML

问题描述

我正在使用raphaeljs，并且我想在svg中显示html(不仅是文本)，

i was using raphaeljs , and i want to show html(not only text) in svg,

所以我使用以下代码:

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

但是我无法更改svg的内容，因此我在萤火虫中对其进行了控制，

but i cant change the svg's content , so i console it in 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上使用javscript更改文本

so how to change the text using javscript on svg

谢谢

推荐答案

SVG节点没有innerHTML属性(它们不是HTML).

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

使用textContent代替:t.node.textContent='dddd'

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

这篇关于如何使用javascript innerHTML更改svg文本标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！