将 svg 添加到 html 表（而不是 html 正文）

Question

我在 html 正文中有一个动画 svg，但我想把它放在一个表格单元格（4x4 表格）中。

据我了解，这是将我的 svg 链接到 html 正文的原因：

d3.xml("field.svg", function(xml) {    
svgdom = document.body.appendChild(xml.documentElement);

如何将我的 svg 链接到表格单元格 (id='c1') 而不是 html 正文？

<table id='tbl'>
    <tr>
        <td id='c1'></td>
        <td id='c2'></td>
    </tr>
    <tr>
        <td id='c3'></td>
        <td id='c4'></td>
    </tr>
</table>

Answer 1

试试svgdom = document.getElementById('c1').appendChild(xml.documentElement)

这行代码不是document.body，而是专门在文档中查询您想要将子元素附加到的元素。