根據內容更改表格單元格顏色 - 上面的空單元格正在打破此代碼

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。希望你可以使用這些技術之一。

this link中概述了針對此問題的兩種不同解決方案。

CSS修復：

table { empty-cells: show; } 

非打破空間的解決辦法：

<td>&nbsp;</td>