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

问题描述：

任何想法为什么下面的代码不工作？我的目标是遍历每行，并根据值将单元格应用于单元格。出于某种原因，我的代码只更新了第一行。Javascript - 遍历表格行和编辑单元格样式

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

如果需要condtional不分配，===代替= –

@MattR你是正确的，但是，由于没有解决问题。 – Jasper

另外，您不更新行。你正在更新一个特定的元素。您需要在循环中更新您的alternativeAptBit变量或使用行[i] –

答

工作似乎对工作。

功能等等（）{

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

}}

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

相关推荐