javascript - 将数组中的元素分配给每个表格单元格

Question

我有 25 个表格单元格和一个随机化值的数组。我想将每个值分配给表中的一个单元格。

我认为我的主要问题在于以下几行:

for (i = 0; i < tablecells.length; i++) { 
        tablecells.innerHTML = BingoSquares.pop();
    };

上面的循环有什么错误？其余代码如下所示，以防需要。

提前谢谢

var overlay = document.getElementById('loginoverlay');
var tablecells = document.getElementsByTagName('td');

BingoSquares=["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "1", "2", "3"];



function hideOverlay(){
    overlay.style.opacity = 0;
    setTimeout(function(){
        overlay.style.display = "none"; 
    }, 1000);
};

function newCard() {
    //shuffle array:
    BingoSquares.sort(function(){
        return Math.round(Math.random());
    });

    console.log(BingoSquares.pop());


    for (i = 0; i < tablecells.length; i++) { 
        tablecells.innerHTML = BingoSquares.pop();
    };

};

document.getElementById('newsubmit').onclick = function() {
    hideOverlay();
    newCard();
};

Answer 1

您需要使用tablecells[i]从数组中索引元素:

tablecells[i].innerHTML = BingoSquares.pop();