添加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，這行代碼專門用於查詢你想追加孩子的元素的文檔。