如何有条件地改变数据网格行的背景色？

<table>
  <tr class="data-row">
    <td>数据1</td>
    <td>条件1</td>
  </tr>
  <tr class="data-row">
    <td>数据2</td>
    <td>条件2</td>
  </tr>
  <tr class="data-row">
    <td>数据3</td>
    <td>条件3</td>
  </tr>
</table>

.highlight {
  background-color: yellow;
}

// 获取所有数据行
var rows = document.getElementsByClassName("data-row");

// 遍历每一行
for (var i = 0; i < rows.length; i++) {
  var row = rows[i];
  var condition = row.getElementsByTagName("td")[1].innerText; // 获取第二列的条件值

  // 根据条件值判断是否添加样式类
  if (condition === "条件1") {
    row.classList.add("highlight");
  }
}