Javascript - 遍歷表格行並編輯單元格樣式

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

工作似乎是為了工作。

功能等等（）{

        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;
                    }
                }

} }