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)了點擊按鈕時第二行的顯示與隱藏。