js如何实现点击显示和隐藏表格

一、总结

一句话总结：

1、给table或者table里面的元素添加点击事件，

2、然后判断当前表格的数据显示或者隐藏，

3、然后通过display属性显示（非none）或者隐藏（值为none）表格中的数据

1、表格的行中如何合并表格的列？

解答：用colspan属性即可，比如合并三个单元格：colspan="3"

2、js中bool类型的变量如何取反？

解答：把非自己赋给自己。isHide=!isHide

3、表格中的rows属性是元素（element）么？

解答：是，比如rows[i].style.display='';

4、如何将一个元素的内容隐藏？

解答：将display属性设置为none

5、如何一个通过display属性隐藏的元素显示？

解答：将display的属性none去掉，可以通过赋空值去掉它rows[i].style.display='';

6、html中display是样式么？

解答：是的，例如：rows[i].style.display='none';

二、js如何实现点击显示和隐藏表格

1、隐藏表格数据案例说明

实例描述：
点击标题行后隐藏表格数据，再次点击则显示数据

2、代码

1  2  3  4     
      5     演示文档 6      8  9 10     
     
      11     
12     
       13         
        14             
15         
16     
17     
       18         
        19             
20             
21             
22         
23         
        24             
25             
26             
27         
28         
        29             
30             
31             
32         
33         
34         
35     
      
       表格名称
                           标题1        
      
                     单元格11         单元格12         单元格13        
               单元格21         单元格22         单元格23        
               单元格31         单元格32         单元格33        
      
                     备注：                
           
36     54 55