js设置tr隐藏

<table id="myTable">
  <tr>
    <td>Row 1</td>
  </tr>
  <tr id="rowToHide">
    <td>Row to hide</td>
  </tr>
  <tr>
    <td>Row 3</td>
  </tr>
</table>

document.getElementById("rowToHide").style.display = "none";

<table id="myTable">
  <tr>
    <td>Row 1</td>
  </tr>
  <tr class="hide-row">
    <td>Row to hide 1</td>
  </tr>
  <tr class="hide-row">
    <td>Row to hide 2</td>
  </tr>
  <tr>
    <td>Row 4</td>
  </tr>
</table>

var rowsToHide = document.getElementsByClassName("hide-row");
for (var i = 0; i < rowsToHide.length; i++) {
  rowsToHide[i].style.display = "none";
}

document.querySelectorAll('.hide-row').forEach(row => row.style.display = 'none');