javascript控制元素隐藏的方法

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://blog.csdn.net/me_Jackyoyo/article/details/125237426
  
 



     返回顶部