Javascript 追加子节点不能添加多个子节点

它每次都会显示不同和变化，猜测孩子发生的时间并不是简单的跟随？

你只创建一个

tr

元素

每次附加它时，都会将它从DOM中的位置移动到新位置

如果要为

数据中的每个项目创建一个新的表行，则需要将
createElement
调用移动到循环内部

（您还需要更改向其中添加内容的方式，tr元素不允许直接包含文本，如果您没有在每行中放置多个数据单元，您可能首先应该使用列表而不是表）。
请参阅此创建表的代码片段

我已经编辑了你的代码



var数据={
1:“dasf”，
2:“jlla”，
3：“日本航空公司”
};
（功能（）{
var table=document.createElement（“表”）；
var-tr；
var-td；
用于（数据中的var i）{
tr=document.createElement（“tr”）；
td=document.createElement（“td”）；
td.innerText=数据[i]；
tr.appendChild（td）；
表1.儿童（tr）；
}
document.getElementById（“wrap”）.appendChild（表）
})();
可能也值得一提insertRow（）
var data={
    1:"dasf",
    2:"jlla",
    3:"jalf"
};
(function () {
    var table=document.createElement("table");
    var tr=document.createElement("tr");
    for(var i in data){
        tr.innerText=data[i];
        (function(){
             table.appendChild(tr);
              console.log("in"+tr.innerText)
         })();
        console.log("out"+table);
    }
})();