插件窝 干货文章 html怎么隐藏tr

html怎么隐藏tr

内容 元素 td 隐藏 1070    来源:    2024-03-19

HTML中无法直接隐藏<tr>元素,但可以通过CSS来实现。可以使用display: none;样式来隐藏<tr>元素。

例如,以下是一个示例HTML表格,其中包含有一个<tr>元素:

<table>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  <tr>
    <td>内容3</td>
    <td>内容4</td>
  </tr>
</table>

要隐藏第二个<tr>元素,可以在CSS中添加以下样式:

<style>
  .hidden {
    display: none;
  }
</style>

然后在第二个<tr>元素上添加hidden类:

<table>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  <tr class="hidden">
    <td>内容3</td>
    <td>内容4</td>
  </tr>
</table>

这样,第二个<tr>元素就会被隐藏起来。请注意,这只是在页面上隐藏了该元素,而不是从DOM中移除它。