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

Question

我正在通过管道传输从 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.



   });

＃＃＃＃＃＃＃＃＃ 编辑

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

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

Answer 1

或者尝试使用textContent :

td.forEach(function(td) {
   if(td.textContent == 'Error') {
       td.innerHTML = '<button class="yellow_stoplight">' + 'Error' + '</button>';
   } 
  ...
}