欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

tr標簽+css隱藏顯示

錢諍諍2年前9瀏覽0評論

tr標簽是HTML表格中的一個重要標簽。在table標簽中,tr標簽用于定義表格中的一行。然而,在實際應(yīng)用中,我們可能需要根據(jù)條件隱藏或顯示某些行。

<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>

如果我們想隱藏第二行,可以使用CSS中的display屬性。

然后將tr標簽的class屬性設(shè)置為hide即可隱藏該行。

<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr class="hide">
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>

如果我們想通過點擊按鈕來控制某些行的顯示和隱藏,可以使用JavaScript配合CSS來實現(xiàn)。

<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr class="hide" id="row2">
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>

以上代碼實現(xiàn)了點擊按鈕時第二行的顯示與隱藏。