javascript高亮显示表格单元格值（如果为正值和负值）

我有下面的php echo表和javascript突出显示表单元格，基于它的正值和负值，这是有效的，但是我想排除前3列week、GA、awtu10，我该怎么做

试试这个，我的朋友：

var min = -10;
var max = 10;

var table = document.getElementById('tableID');
var tbody = table.getElementsByTagName('tbody');
var cells = tbody[0].getElementsByTagName('td');

for (let i=0;cells.length; i++){
    if (parseInt(cells[i].innerHTML,10) > 0){
        cells[i].style.backgroundColor = 'greenyellow';
    }
    else if (parseInt(cells[i].innerHTML,10) < 0){
        cells[i].style.backgroundColor = 'lightpink';
    }
}

试试这个，我的朋友：

var min = -10;
var max = 10;

var table = document.getElementById('tableID');
var tbody = table.getElementsByTagName('tbody');
var cells = tbody[0].getElementsByTagName('td');

for (let i=0;cells.length; i++){
    if (parseInt(cells[i].innerHTML,10) > 0){
        cells[i].style.backgroundColor = 'greenyellow';
    }
    else if (parseInt(cells[i].innerHTML,10) < 0){
        cells[i].style.backgroundColor = 'lightpink';
    }
}

---

您可以在for循环中设置i=3以避免前三列。下面是一个例子

测验 1-12-23 var min=-10； var max=10； //var table=document.getElementById'tableID'； //var tbody=table.getElementsByTagName'tbody'[0]； var cells=document.querySelectorAll'th'； //设置i=3，它将避开前3列 对于var i=3；i<细胞长度；我++{ 如果parseIntcells[i].innerHTML，10>0{ 单元格[i].style.backgroundColor='greenyellow'； } 否则，如果parseIntcells[i].innerHTML，10<-0{ 单元格[i].style.backgroundColor='lightpink'； } }

---

您可以在for循环中设置i=3以避免前三列。下面是一个例子

测验 1-12-23 var min=-10； var max=10； //var table=document.getElementById'tableID'； //var tbody=table.getElementsByTagName'tbody'[0]； var cells=document.querySelectorAll'th'； //设置i=3，它将避开前3列 对于var i=3；i<细胞长度；我++{ 如果parseIntcells[i].innerHTML，10>0{ 单元格[i].style.backgroundColor='greenyellow'； } 否则，如果parseIntcells[i].innerHTML，10<-0{ 单元格[i].style.backgroundColor='lightpink'； } }

---

这是一个工作代码。你根本不是在给那个人打电话。另外，为了澄清第二部分，从3开始计算i的值，它将排除前三列

我已经重新创建了您的示例，它运行良好

运行代码段以查看它是否正常工作

var table=document.getElementById'tableID'； var cells=table.getElementsByTagName'td'； 对于var i=3，len=cells.length；i0{ 单元格[i].style.backgroundColor='greenyellow'； }否则，如果parseIntcells[i].innerHTML，10<-0{ 单元格[i].style.backgroundColor='lightpink'； } } 公司 联系 国 公司 联系 国 10 -10 5. 10 -10 5.

---

这是一个工作代码。你根本不是在给那个人打电话。另外，为了澄清第二部分，从3开始计算i的值，它将排除前三列

我已经重新创建了您的示例，它运行良好

运行代码段以查看它是否正常工作

var table=document.getElementById'tableID'； var cells=table.getElementsByTagName'td'； 对于var i=3，len=cells.length；i0{ 单元格[i].style.backgroundColor='greenyellow'； }否则，如果parseIntcells[i].innerHTML，10<-0{ 单元格[i].style.backgroundColor='lightpink'； } } 公司 联系 国 公司 联系 国 10 -10 5. 10 -10 5.

---

您需要按行/TR收集TD元素，然后从每行/TR的第三个元素开始循环

var table=document.getElementById'tableID'； var tr=table.getElementsByTagName'tr' 对于i=0；i0{ 单元格[cell].style.backgroundColor='greenyellow'； }如果parseIntcells[cell].innerHTML，则为else，10<-0{ 单元格[cell].style.backgroundColor='lightpink'； } } } 周 GA awtu10 基本差距 加号间隙 M1+1周 461 460 146 118 M1+1周 461 460 -146 118 M1+1周 461 460 146 -118

---

您需要按行/TR收集TD元素，然后从每行/TR的第三个元素开始循环

var table=document.getElementById'tableID'； var tr=table.getElementsByTagName'tr' 对于i=0；i0{ 单元格[cell].style.backgroundColor='greenyellow'； }如果parseIntcells[cell].innerHTML，则为else，10<-0{ 单元格[cell].style.backgroundColor='lightpink'； } } } 周 GA awtu10 基本差距 加号间隙 M1+1周 461 460 146 118 M1+1周 461 460 -146 118 M1+1周 461 460 146 -118

---

您得到了什么错误？在您的表中，每个td都有一个与id关联的标题？？我看不出您是如何生成包含数据的单元格的，但是您可以只向希望突出显示的单元格添加HTML类，例如。。。然后，在javascript中，只选择具有该类的单元格来执行逻辑。根据表格的生成方式，我不能

---

lp但我觉得可能有一个更优雅的解决方案来解决您的具体问题。您遇到了什么错误？在您的表中，每个td都有一个与id关联的标题？？我看不出您是如何生成包含数据的单元格的，但您可以只向希望突出显示的单元格添加HTML类，例如。。。然后，在javascript中，只选择具有该类的单元格来执行逻辑。根据表格的生成方式，我忍不住觉得可能有一个更优雅的解决方案来解决您的具体问题。我认为他需要使用TD而不是TH作为标题单元格，并且可能需要有多行或TRI。这个示例主要显示了更改for循环中的I的效果。在他的代码中更改它应该会在所有单元格中产生所需的效果。感谢您的帮助，但表中没有显示颜色。我认为他需要使用TD not TH作为标题单元格，并且可能需要多行或TRI刚刚启动该示例，以主要显示更改for循环中的i的效果。在他的代码中更改它应该会在所有单元格中产生预期效果。谢谢您的帮助，但表中没有显示颜色。嗨，代码正常工作，得到了我想要的，非常感谢！嗨，代码正在运行，得到了我想要的，非常感谢！