Javascript 动态更新后保留HTML表位置

当我使用

appendChild（）

更新HTML表格时，整个表格将移动到文档的底部。如何在DOM中保留表的位置

我的例子也发布在了

表单元格1
表单元格2
//此函数仅为表创建新行
函数生成_表（）{
var body=document.getElementsByTagName（“body”）[0]；
var tbl=document.getElementById（“表”）；
var tblBody=document.createElement（“tbody”）；
对于（变量i=0；i<2；i++）{
var行=document.createElement（“tr”）；
对于（var j=0；j<2；j++）{
var cell=document.createElement（“td”）；
var cellText=document.createTextNode（“单元格”+i+”，列“+j”）；
cell.appendChild（cellText）；
子行（单元格）；
}
tblBody.appendChild（世界其他地区）；
}
tbl.附肢儿童（tblBody）；
附肢儿童（tbl）；
}
桌子
th，
运输署{
边框：1px纯黑；
边界塌陷：塌陷；
}

删除以下行，您不需要它

body.appendChild(tbl);

表节点已经是文档对象模型的一部分，您无需再次添加它。通过将元素附加到主体，可以将其从当前位置移动到主体节点的末端

---

根据经验，您需要使用

appendChild

，只有在使用

createElement

动态创建元素时，才需要删除以下行，您不需要它

body.appendChild(tbl);

表节点已经是文档对象模型的一部分，您无需再次添加它。通过将元素附加到主体，可以将其从当前位置移动到主体节点的末端

根据经验，只有在使用

createElement

动态创建元素时，才需要使用

appendChild