javascript - 编辑没有类或 ID 的文本

Question

我需要在客户端格式化某行文本，但我无法修改实际代码。 HTML 是动态生成的，但我可以将带有 JS 和 CSS 的代码片段放在顶部来设置样式。这是 HTML:

<td role="gridcell" class="ms-cellstyle ms-vb2">Daily Reports</td>
<td role="gridcell" class="ms-cellstyle ms-vb2">Construction</td>
<td role="gridcell" class="ms-cellstyle ms-vb2">Administration</td>

由于所有 Td 都具有相同的 Angular 色和类别，但我只需要将 Administration 一词更改为“Category - Administration”，我该怎么做？我尝试了以下脚本，但没有用。

<script>
document.getElementByName("Administration").innerHTML = "Category - Administration";
</script>

非常感谢任何帮助!

Answer 1

您可以通过比较单元格的文本内容来做到这一点。当然，这是容易出错的，如果文本略有不同，它就会中断。但如果别无选择，下面的示例应该对您有所帮助。

document.querySelectorAll('.ms-cellstyle').forEach(cell => {
  if (cell.textContent === 'Administration') {
    cell.textContent = 'Category - Administration';
  }
});

<table>
  <tr>
    <td role="gridcell" class="ms-cellstyle ms-vb2">Daily Reports</td>
    <td role="gridcell" class="ms-cellstyle ms-vb2">Construction</td>
    <td role="gridcell" class="ms-cellstyle ms-vb2">Administration</td>
  </tr>
</table>