尝试将svg文本附加到现有的svg元素

Question

我正在尝试使用html文档将svg文本追加到我现有的svg中，但它似乎不起作用 这是我使用的代码

variable

我没有看到任何东西，尽管dom被追加。我尝试使用foreingObject添加html元素，也尝试使用css来追踪背景图像，但我想添加的svg元素保持不变。

小提琴： https://jsfiddle.net/Snedden27/6b0tx248/

它的行号346，你必须点击其中一个橙色六边形才能看到我想要附加的六边形。

Answer 1

正如Sasidhar指出的那样，您的代码是将文本元素添加到多边形元素，该元素不是文本元素的有效父元素。您需要将文本元素添加到svg元素。在添加文本元素的代码中，变量clickedEle是一个多边形元素，变量hex是svg元素。

更改...

clickedEle.appendChild(btnText);

为...

hex.appendChild(btnText);