Question

我目前正在开发一个游戏大厅，显示当前连接到游戏的玩家列表。为了向桌面添加新玩家，我使用的是JavaScript insertRow和insertCell API。我写了下面的函数来添加到表中：

function tabappend(playernam, sockid, ready) {
    // playerlist is the ID of the table
    var tab = document.getElementById('playerlist');
    var row = tab.insertRow(-1);    // append to table
    var cell0 = row.insertCell(0);  // our three columns
    var cell1 = row.insertCell(1);
    var cell2 = row.insertCell(2);

    // populate the newly created row
    cell0.innerHTML = playernam;
    cell1.innerHTML = sockid;

    // if the player is ready to play, add a checkmark and make
    // the class name of the cell "ready". Otherwise, the cell
    // should be empty
    if (ready == true) {
        cell2.innerHTML = "&#x2713;";
        cell2.class = "ready";
    }
}

三个参数是表格中每行的三个单元格：玩家名称，Socket I.D.以及玩家是否准备好玩。

但是，如果玩家已准备好玩，那么我希望行中的第三个单元格的类名为ready。我怎么做到这一点？上面的代码显示了我的尝试，但它没有用。

Answer 1

你正在寻找的className

cell2.className = "ready";

动态添加具有特定类名的表格单元格

1 个答案: