javascript - 从所有表行中删除特定类

Question

其中在特定的 tr 元素上我有一个类“deleted_row”，应该从具有该类的所有 tr 元素中删除它。我给了一个 id，我想这可以帮助我做到这一点。

有人知道有什么方法可以做到上述事情吗？

谢谢。

Answer 1

如果我理解得很好，您想将“deleted_row”类删除到具有该类的所有元素。为此，您需要选择这些元素并删除该类:

function removeClass() {
  const rows = Array.from(document.querySelectorAll('tr.deleted_row'));
  rows.forEach(row => {
    row.classList.remove('deleted_row');
  });
}

.deleted_row {
  background-color: red;
}

<table>
  <tr class="deleted_row"><td>Row</td><td>1</td></tr>
  <tr class="deleted_row"><td>Row</td><td>2</td></tr>
</table>


<button onclick="removeClass()">Remove class</button>