javascript table的visibility初始设为hidden，后续改为visible却仍不可见

Question

如题，最开始的标签是<table class="table2" id="table2" style="visibility: hidden;">

在js的某函数中写了：
var table2=document.querySelector(".table2");
table2.setAttribute("visibility",'visible');
函数成功执行了，为何在网页上看这个table还是透明的？

除了这种方法，还有什么方法能设置table隐显（前提是不用display）？

Answer 1

1. opacity
2. position
3. z-index
4. overflow

方法还有很多。

table2.setAttribute("visibility",'visible'); 问题出在这里， visibility 不是属性，而是 css ，可以 table2.style.visibility = 'visible'

Answer 2

setAttribute 是修改元素属性的
visibility属于样式里面的了
要使用setAttribute的情况下应该是这样修改
table2.setAttribute('style','visibility:visible')
或者使用其他(没试过不知道行不行)
table2.style.visibility = 'visible'
table2.style.cssText="visibility:visible"