Question

如何使用js动态显示或隐藏DIV

Answer 1

方法很多，最直观的就是用js控制div的display值，例如：

var div = document.getElementById('divID');
div.style.display = 'none';  // div隐藏
div.style.display = 'block';  // div显示

也可以写一段CSS，用CSS来控制div在视觉上隐藏，例如高度设为0、透明、溢出可视区等，还可以搭配CSS3的新属性来实现灵活多样的渐变动画效果，然后用JS来切换，例如：

.isHide {height:0; overflow:hidden; opacity:0;}

div.classList.add('isHide');  // div隐藏
div.classList.remove('isHide');  // div显示

还可以利用jQuery的hide()、show()、fadeIn、fadeOut、toggle等方法来实现类似效果。

Answer 2

最简单的方法，在div的style属性里面加上display:none;然后，如果需要显示就用element.show();隐藏就用 element.hide();