Javascript中的Tds自动化 const q3Msg=document.getElementById（'tableq3'）； var值=[{ id:1， 结果：65， 情境：“是的” }, { id:2， 结果：22， 情境：“不” }]; 函数q3Calc（）{ q3Msg.classList.remove（'hidden'）； var table=document.createElement（'tbody'），tr，td，row，cell； 对于（行=0；行

我在html中有上述自动

tds

代码。但我有下面的图像作为一个结果

如何在单独的td中显示每个数组索引

---

例如，在第一行中，我想显示1 65 YES，下一行2 22 NO

主要问题是您没有访问数组中的每个元素（在本例中为对象）（分配后从未使用

行

）

然后，您从未在每个对象中使用过键（您只是调用

value

，这意味着您每次基本上都在抓取整个数组）

constq3msg=document.getElementById（'tableq3'）；
var值=[{
id:1，
结果：65，
情境：“是的”
}, {
id:2，
结果：22，
情境：“不”
}];
函数q3Calc（）{
q3Msg.classList.remove（'hidden'）；
var table=document.createElement（'tbody'），tr，td，row，cell；
对于（行=0；行
td{
填充物：5px；
}

你想要吗


constq3msg=document.getElementById（'tableq3'）；
var值=[{
id:1，
结果：65，
情境：“是的”
}, {
id:2，
结果：22，
情境：“不”
}];
函数q3Calc（）{
//q3Msg.classList.remove（'hidden'）；
var table=document.createElement（'tbody'），tr，td，row，cell；
对于（行=0；行
您的问题在
td.innerHTML=value。将其替换为
td.innerHTML=value[row][Object.keys（value[row]）[cell]以获取预期值。
constq3msg=document.getElementById（'tableq3'）；
var值=[{
id:1，
结果：65，
情境：“是的”
}, {
id:2，
结果：22，
情境：“不”
}];
函数q3Calc（）{
q3Msg.classList.remove（'hidden'）；
var table=document.createElement（'tbody'），
tr，td，row，cell；
对于（行=0；行
td{
填充：10px；
边框：实心1px#ddd；
}

const q3Msg = document.getElementById('tableq3');

var value = [{
    id: 1, 
    result: 65, 
    situation: 'YES'
}, {
    id: 2, 
    result: 22, 
    situation: 'NO'
}];

function q3Calc() {
    q3Msg.classList.remove('hidden');

    var table = document.createElement('tbody'), tr, td, row, cell;
    for (row = 0; row < value.length; row++) {
        console.log(value);
        tr = document.createElement('tr');
        for (cell = 0; cell < 3; cell++) {
            td = document.createElement('td');
            tr.appendChild(td);
            td.innerHTML = value;
        }
        table.appendChild(tr);
    }
    document.getElementById('tableq3').appendChild(table);
}