Javascript正在添加<；tr>；s自动添加到我的表元素

从这个屏幕截图中可以看到：

每个元素都被放入自己的tr中

我不希望这样，我只希望每个元素都在一个td中，然后用一个tr包围所有元素

HTML:

问题AnimalExpected您选择的结果

Javascript:

function displayResult() {
    let tableDisplay = document.getElementById("result-table")
    let theResult = document.getElementById("result")
    theResult.style.display = "block"

    for(let i = 0; i<qArr.length; i++){
        tableDisplay.innerHTML = tableDisplay.innerHTML + `<td>` + qArr[i] + `</td>`
    }
    // qArr.forEach(x => {
    //     tableDisplay.innerHTML = tableDisplay.innerHTML + `<td>` + x + `</td>`
    // })

}

函数displayResult（）{
让tableDisplay=document.getElementById（“结果表”）
让theResult=document.getElementById（“结果”）
theResult.style.display=“块”
for（设i=0；i{
//tableDisplay.innerHTML=tableDisplay.innerHTML+`+x+``
// })
}

td

不能是

tbody

的子项，只能是

tr

。因为浏览器独立添加此元素。您需要数据来

结果行

<tbody id='result-table'>
    <tr id='result-row'></tr>
</tbody>

---

顺便说一下，与DOM的交互是一项昂贵的操作。首先最好形成一个数组，然后插入一次。

什么是tableDisplay？

让tableDisplay=document.getElementById（“结果表”）

哦，哇，这确实有效。非常感谢你。是的，这就是我正在做的，一旦数组完成，我调用函数将元素添加到表中

<tbody id='result-table'>
    <tr id='result-row'></tr>
</tbody>