table表格js简单操作隐藏与显示出现结构错乱解决方法

未经允许，不得转载！

水平有限，欢迎指正、交流！

table表格js简单操作隐藏与显示出现结构错乱，开始不自觉的写成display：block和none之前切换，奈何。。。。。

一、CSS display属性的表格相关属性：

table    此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
table-row-group    此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
table-header-group    此元素会作为一个或多个行的分组来显示（类似 <thead>）。
table-footer-group    此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
table-row    此元素会作为一个表格行显示（类似 <tr>）。
table-column-group    此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
table-column    此元素会作为一个单元格列显示（类似 <col>）
table-cell    此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
table-caption    此元素会作为一个表格标题显示（类似 <caption>）

block    此元素将显示为块级元素，此元素前后会带有换行符。

none    此元素隐藏元素。

其实犯了一个很低级的错误，表格table显示怎么能block呢，这是display的表格呀，所以在显示的时候tr显示属性改成table就好啦！！

仔细，用心，，，写下来警醒自己！！

希望路过的你有一点点帮助！