Javascript - 遍历 table 行并编辑单元格样式

Question

知道为什么下面的代码不起作用吗？我的目标是遍历每一行并根据值将样式应用于单元格。出于某种原因，我的代码只更新第一行。

function blah()
{
    var alternativeAptTimeBit = document.getElementById('alternativeAptTime');
/*  var alternativeAptDateBit = document.getElementById('alternativeAptDate');
    var alternativeAptDoctorBit = document.getElementById('alternativeAptDoctor');*/

    var table = document.getElementById("tbl-appointment-requests");
    var rows = table.rows;
    for (var i = 0; i < rows.length; i++) {
        if (alternativeAptTimeBit.innerHTML === "0")
        {
            alternativeAptTimeBit.className="glyphicon glyphicon-remove";
            alternativeAptTimeBit.innerHTML = null;
        } else {
            alternativeAptTimeBit.className="glyphicon glyphicon-ok";
            alternativeAptTimeBit.innerHTML = null;
        }
    }

Answer 1

工作似乎到位。

函数 blah() {

        var table = document.getElementById("tbl-appointment-requests");

        for (var i = 0, row; row = table.rows[i]; i++) {

            for (var j = 0, col; col = row.cells[j]; j++) {

                if (col.id === "alternativeAptTime") {
                    if (col.id.innerHTML === "0") {
                        col.className = "glyphicon glyphicon-remove";
                        col.innerHTML = null;
                    } else {
                        col.className = "glyphicon glyphicon-ok";
                        col.innerHTML = null;
                    }
                }

} }