javascript - 迭代并追加到表中

Question

您好，我正在尝试将数组中的一些字符串附加到表中。我希望每个数组项都有自己的 tr 元素。

到目前为止我尝试过的事情是:

const body = document.body
const table = document.createElement('table')
const tr = document.createElement('tr')
const th = document.createElement('th')
const form = document.createElement('form')
const  label = document.createElement('label')

table.innerHTML
body.append(table)

tr.innerHTML
table.append(tr)

const thText = ["ID", "First name", "Last name", "Email", "Phone number", "Actions"]

thText.forEach((text)=>{
  th.innerHTML = text
  tr.append(th);
})

何时 console.log(th)我得到<th> Actions </th> 6次。但唯一渲染的就是一次操作。
很想得到一些帮助。谢谢:)

Answer 1

您仅创建第 元素。您需要为每次迭代创建一个，因此，在循环内:

thText.forEach(text => {
  const th = document.createElement('th')
  th.innerHTML = text
  tr.append(th)
})