如何通过使用javascript中的参数删除html表中的行

如何使用参数删除HTML表中的行。 在此示例中,我要删除数据1中包含“ Rock”的所有行。“ Rock”将是参数。

<table>
  <thead>
    <tr>
      <th style="width: 50px;"></th>
      <th style="width: 50px;">Data 1</th>
      <th style="width: 50px;">Data 2</th>
      <th style="width: 50px;">Data 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>Rock</td>
      <td>Soil</td>
      <td>Sand</td>
    </tr>
    <tr>
      <td></td>
      <td>Rain</td>
      <td>Water</td>
      <td>Sea</td>
    </tr>
    <tr>
      <td></td>
      <td>Rock</td>
      <td>Soil</td>
      <td>Sand</td>
    </tr>
    <tr>
      <td></td>
      <td>Rock</td>
      <td>Soil</td>
      <td>Sand</td>
    </tr>
  </tbody>
</table>
评论