0

我的页面上有这个 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";
   }
}
4

2 回答 2

1

尝试 ：

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

    }

这处理空单元格

于 2013-07-30T15:28:38.773 回答
0

表格单元格为空白时格式不正确。使用以下解决方案之一，您根本不必更改您的 javascript。希望您可以使用其中一种技术。

此链接中概述了此问题的两种不同解决方案。

CSS 修复：

table { empty-cells: show; }

非破坏空间修复：

<td>&nbsp;</td>
于 2013-07-30T15:32:44.660 回答