（htmlボディの代わりに）htmlテーブルにsvgを追加

Question

私はhtmlボディにアニメーションsvgを持っていますが、代わりにテーブルセル（4x4テーブル）に入れたいと思います。

は、私の知る限り理解し、これはHTMLに私のSVGを結ぶものですボディ：

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

がどのように私はテーブルセル（ID = C1「」）の代わりに、HTML本体に私のSVGをリンクすることができますか？

<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を試してみて、このコード行は、特にあなたが子供を追加したい要素のための文書を照会します。