Javascript 用JS创建的表是tr行中的附加内容

按照以下教程使用js创建表时：

我得到了一个意想不到的结果，表正在创建与标题在同一行上的元素，我无法理解为什么会发生这种情况，如果有人能帮助我，我将不胜感激

收件人：， 卡洛斯·爱德华多

//browserify index.js>bundle.js
const request=require（'请求'）
var响应请求
var buttonTable=document.getElementById（“按钮表”）.addEventListener（“单击”，函数（）{
请求（'https://jsonplaceholder.typicode.com/photos，函数（错误、响应、正文）{
console.log（'错误：'，错误）
console.log（'statusCode:'，response&&response.statusCode）
//console.log（'body:'，body）
变量内容=[]
content=JSON.parse（body）
var a=content.map（函数（obj）{
返回Object.keys（obj）.sort（）.map（函数（键）{
返回obj[键]
})
})
a、 取消移位（[“AlbumId”、“id”、“url”、“标题”、“缩略图url”]）
var table=document.createElement（“表”）
table.border=“1”
var columnCount=a[0]。长度
var行=表。插入行（-1）
对于（变量i=0；i

Meu站点
杰拉尔·雷拉托里奥

杰拉尔
关系

var row=table.insertRow（-1）
对于（变量i=0；i

在第一个循环中，创建标题行，该行存储在变量row中

在第二个循环中，您尝试在变量行中再创建几行，

---

但是您仍然将单元格附加到行

键入：

行

应该是

行

。我明白了，我在创建一个新行，然后将所有内容添加到标题行，忽略新行。非常感谢我的朋友的帮助，这是一个巨大的价值。

var row = table.insertRow(-1)
for (var i = 0; i < columnCount; i++) {
  var headerCell = document.createElement("th")
  headerCell.innerHTML = a[0][i]
  row.appendChild(headerCell)
}
for (var i = 1; i < a.length; i++) {
  line = table.insertRow(-1)
  for (var j = 0; j < columnCount; j++) {
    var cell = row.insertCell(-1)
    cell.innerHTML = a[i][j]
  }
}