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

-1

任何想法爲什麼下面的代碼不工作？我的目標是遍歷每行，並根據值將單元格應用於單元格。出於某種原因，我的代碼只更新了第一行。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; 
     } 
    }

來源

2015-11-05 Jasper

如果需要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; 
        } 
       }

}}

來源

2015-11-05 22:27:29 Jasper

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

回答

相關問題