javascript控制元素隐藏的方法是：
设置元素style属性中的display：
例如【var t = document.getElementById(‘test’); t.style.display = ‘none’;】
在javascript中我们有两种方式来隐藏元素：

方式一：设置元素style属性中的display

var t = document.getElementById('test');//选取id为test的元素

t.style.display = 'none';// 隐藏选择的元素

t.style.display = 'block';// 以块级样式显示

方式二：设置元素style属性中的visibility

var t = document.getElementById('test');

t.style.visibility = 'hidden';// 隐藏元素

t.style.visibility = 'visible';// 显示元素

这两种方式的区别：

设置display隐藏后不占用原来的位置，而通过visibility进行隐藏后元素位置仍然被占用。

可参考文献：https://m.php.cn/article/483796.html
http://www.muzhuangnet.com/show/58453.html