根據內容更改表格單元格顏色-上方的空白單元格破壞了此代碼

Question

我的頁面上有此Javascript，用於根據內容更改單元格的字體顏色和背景顏色。 當所有上面的單元格都包含一個值時，它工作正常。 但是，當此列上方的任何單元格為空白時，整列都不會應用格式。

有任何想法嗎？ 謝謝。

var allTableCells = document.getElementsByClassName("colhomeaway");

for(var i = 0, max = allTableCells.length; i < max; i++) {
   var node = allTableCells[i];

   //get the text from the first child node - which should be a text node
     var currentText = node.childNodes[0].nodeValue; 

   //check for contents and assign this table cell's background color accordingly 
   if (currentText === "H") {
      node.style.backgroundColor = "#000099";
      node.style.color = "white";
  node.style.fontWeight = "bold";}
   else     
   if (currentText === "A"){
        node.style.backgroundColor = "#99ffff";
        node.style.color = "black";
    node.style.fontWeight = "bold";
   }
}

Answer 1

嘗試：

   else if(currentTExt === "" or isNaN(currentText) == false){

    }

處理空單元格

Answer 2

表格單元格為空白時，格式不正確。 使用以下解決方案之一，您完全不需要更改JavaScript。 希望您可以使用這些技術之一。

如該鏈接所述，有兩種不同的解決方案。

CSS修復：

table { empty-cells: show; }

非中斷空間修復：

<td>&nbsp;</td>