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

Javascript - iterate through table row and edit cell style

本文关键字：编辑 单元格 样式 遍历 Javascript-      更新时间：2023-09-26

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

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

工作似乎就是工作。

function 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;
        }
      }
    }
  }
}
相关文章：