Javascript 将nodetext追加到svg元素

我会在

g

svg元素中附加一个textnode

当我触发

my function

但当我将

TextNode

元素直接添加到body时，它就起作用了

函数myFunction（）{
var g=document.createElements（'http://www.w3.org/2000/svg","g",；
var t=document.createTextNode（“Hello World”）；
文件.正文.附件（g）；
g、 儿童（t）
}

单击按钮创建文本节点

试试看

您还需要创建一个文本元素，并将所有内容附加到svg元素中。 在本例中，我使用了一个svg元素和一个viewBox，它允许我查看文本，尽管我没有为x和y属性设置任何值。根据您的viewBox，您可能还需要设置这些属性

函数myFunction（）{
var g=document.createElements（'http://www.w3.org/2000/svg","g",；
var text=document.createElements（'http://www.w3.org/2000/svg","文本",；
text.textContent=“你好世界”；
g、 附件（文本）；
svg.appendChild（g）；
}

单击按钮创建文本节点

尝试创建SVG元素，而不是HTML文本节点。MDN SVG参考对所有SVG元素都有很好的概述。