html表格隐藏内容的方法 1. 给表格元素tr、th或td设置hidden属性，语法“<元素名 hidden=hidden>”； 2. 给表格元素tr、th或td添加“display: none;”样式。
本教程操作环境windows7系统、css3&&html5版、dell g3电脑。
我们有下面一个表格
<table border=1><tr><th>姓名</th><th>年龄</th></tr><tr><td>peter</td><td>20</td></tr><tr><td>lois</td><td>20</td></tr><tr><td>lois</td><td>20</td></tr><tr><td>peter</td><td>20</td></tr></table>想要隐藏html表格的内容要怎么做?下面给大家介绍几种方法。
1. 给表格元素设置hidden属性
<table border=1><tr><th>姓名</th><th>年龄</th></tr><tr hidden=hidden><td>peter1</td><td>20</td></tr><tr><td>lois1</td><td hidden=hidden>20</td></tr><tr><td>peter2</td><td>20</td></tr><tr><td>lois2</td><td>20</td></tr></table>2. 给表格元素添加display: none;样式
<table border=1><tr><th>姓名</th><th>年龄</th></tr><tr><td>peter1</td><td>20</td></tr><tr><td>lois1</td><td>20</td></tr><tr><td>peter2</td><td>20</td></tr><tr><td>lois2</td><td>20</td></tr></table>推荐教程《html视频教程》