Javascript 如何在svg元素中插入html

元素已形成，但似乎存在于具有此标记的元素中

<g id="g-svg_el_obj921" style="top: 300px; left: 550px;">
  <circle r="95.12" fill="rgb(50, 149, 196)" class="some_class" id="svg_el_obj921" priority="4" position="300_550" cx="550" cy="300"></circle>
</g>

---

元素已形成，但似乎不存在。。。有人能帮忙吗？

所有外来内容必须是SVG中

元素的子元素。另外，

元素不能呈现子元素，但是

元素可以

因此，您必须更改您的函数，以便它首先创建一个

元素，给该元素一个宽度和高度，然后创建一个

元素，并使其成为

元素的子元素，以便您创建如下所示的标记

<g id="g-svg_el_obj921" style="top: 300px; left: 550px;">
  <circle r="95.12" fill="rgb(50, 149, 196)" class="some_class" id="svg_el_obj921" priority="4" position="300_550" cx="550" cy="300"></circle>
  <foreignObject width="100" height="100">
    <div>
    </div>
  </foreignObject>
</g>

<g id="g-svg_el_obj921" style="top: 300px; left: 550px;">
  <circle r="95.12" fill="rgb(50, 149, 196)" class="some_class" id="svg_el_obj921" priority="4" position="300_550" cx="550" cy="300"></circle>
  <foreignObject width="100" height="100">
    <div>
    </div>
  </foreignObject>
</g>