Javascript 如何在html表格单元格中找到部分字符串并将文本附加到值

我正在处理从powershell生成的用于某些硬件运行状况的.txt文件。这是通过管道传输到html表中的，数据经常更改，因此几乎不可能将id或类分配给。具体来说，一列单元格生成的错误消息可能相当长。我想输入该单元格文本中的前几个单词。它以“错误消息”（不带引号）开头。我如何使用我的代码挑出该文本并附加它以添加一些CSS，使阅读报告的人更容易快速发现问题

这就是我到目前为止所做的。我想不出最后这一小部分。我也仅限于使用JavaScript来解决这个问题

var td = [].slice.call(document.querySelectorAll('td'));
td.forEach(function(td) {
       if(td.innerHTML == 'Error') {
          td.innerHTML = "Error" + " " + '<button class="yellow_stoplight"></button>';}     
    if(td.innerHTML == 'Warning') {
           td.innerHTML = "Warning" + " " + '<button class="red_stoplight"></button>'; }
              if(td.innerHTML == 'Degraded') {
         td.innerHTML = "Degraded" + " " + '<button class="orange_stoplight"></button>'; }
          if(td.innerHTML == 'OK') {
             td.innerHTML = "OK" + " " + '<button class="green_stoplight"></button>'; } 
        if(td.innerHTML == 'Error' + " ") {
           td.innerHTML = "Error" + " " + '<button class="red_stoplight"></button>'; }  
\\want to add another conditional statement here to find partial string and add another 'stoplight' in the cell.



   });

var td=[].slice.call（document.querySelectorAll（'td'）；
td.forEach（功能（td）{
如果（td.innerHTML=='Error'）{
td.innerHTML=“错误”+“”+“”；}
如果（td.innerHTML==“警告”）{
td.innerHTML=“警告”+“”+“”；}
如果（td.innerHTML=='Degraded'）{
td.innerHTML=“降级”+“”+“”；}
如果（td.innerHTML=='OK'）{
td.innerHTML=“确定”+“”+“”；}
如果（td.innerHTML=='Error'+''）{
td.innerHTML=“错误”+“”+“”；}
\\要在此处添加另一个条件语句以查找部分字符串，并在单元格中添加另一个“stoplight”。
});

#########编辑 添加以下内容不仅为我提供了一个可视指示器，而且还保留了通过管道传输到列/单元格中的完整错误消息文本

if(td.innerHTML.indexOf('Error message') === 0) {
   td.innerHTML = '<button class="yellow_stoplight"></button>' + " " + td.innerHTML; }

if（td.innerHTML.indexOf（'Error message'）==0）{
td.innerHTML=''+''+td.innerHTML；}

td.innerHTML

返回一个字符串。Javascript字符串有一个

indexOf

方法，您可以使用该方法在另一个字符串中查找子字符串的位置。如果字符串不包含子字符串，则返回

-1

如果要检查内部HTML是否以“错误消息”开头，请尝试以下操作：

if (td.innerHTML.indexOf("Error Message") === 0) {
  // do stuff..
}

---

请注意，indexOf方法区分大小写。如果innerHTML中没有“错误消息”，它将返回-1

td.innerHTML

返回一个字符串。Javascript字符串有一个

indexOf

方法，您可以使用该方法在另一个字符串中查找子字符串的位置。如果字符串不包含子字符串，则返回

-1

如果要检查内部HTML是否以“错误消息”开头，请尝试以下操作：

if (td.innerHTML.indexOf("Error Message") === 0) {
  // do stuff..
}

请注意，indexOf方法区分大小写。如果innerHTML中没有“错误消息”，它将返回-1

或尝试使用：

td.forEach（函数（td）{
如果（td.textContent=='Error'）{
td.innerHTML=''+'错误'+''；
} 
...
}  

或尝试使用：

td.forEach（函数（td）{
如果（td.textContent=='Error'）{
td.innerHTML=''+'错误'+''；
} 
...
}  

为什么不将类直接添加到

td

元素中？为什么不将类直接添加到

td

元素中？^以上部分工作正常。css信号灯将在“错误消息”后立即添加但代码正在删除其余的错误消息详细信息。本质上，我想为阅读报告的人创建一个可视指示器，这样就不会跳过它。我想对此进行更新投票，因为它解决了我的问题99%。需要弄清楚如何保留整条消息文本并为可视指示器添加红绿灯。解决了我的问题，这是相当困难的在离开并以逻辑方式查看我需要的内容后，此操作非常简单。有关编辑，请参阅原始代码。^以上部分工作正常。css stoplight将在“错误消息”后立即添加但代码正在删除其余的错误消息详细信息。本质上，我想为阅读报告的人创建一个可视指示器，这样就不会跳过它。我想对此进行更新投票，因为它解决了我的问题99%。需要弄清楚如何保留整条消息文本并为可视指示器添加红绿灯。解决了我的问题，这是相当困难的在离开并以逻辑的方式查看我需要的内容后变得很简单。请参阅原始代码进行编辑。