如何使用js动态显示或隐藏DIV
2个回答
展开全部
方法很多,最直观的就是用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等方法来实现类似效果。
2017-02-15 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
展开全部
最简单的方法,在div的style属性里面加上display:none;然后,如果需要显示就用element.show();隐藏就用 element.hide();
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询