我如何 append for loop to table 結果？

Question

我有一個數組：

let items = document.getElementsByClassName('class-name')

for (let i = 0; i < items.length; i++ ) {
    status = items[i].innerText;
    console.log(status)
}

這將返回“SOLD”或“”，具體取決於商品是否已售出（這是我正在查看的電子商務頁面）。

我如何將 append 這些結果放到一個表中？

我需要一張桌子，上面有每件商品以及它是否已售出。

Answer 1

這邊走

const myTable = document.body.appendChild(document.createElement('table'))

document.querySelectorAll('.class-name').forEach( status => {
  let newRow = myTable.insertRow()
  newRow.insertCell().textContent = status.textContent
}

Answer 2

您可以通過document.createElement('table')創建一個table object 然后通過document.createElement('tr')為每個元素創建一個新表格行，之后您可以通過“填寫” tr和 append 到table element.appendChild(childToAppend) 。 您還可以將 append td元素添加到tr 。