点击切换div 的隐藏与显示
生活随笔
收集整理的這篇文章主要介紹了
点击切换div 的隐藏与显示
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
點擊切換div 的隱藏與顯示
適合做切換按鈕 <!DOCTYPE html> <html><head><meta charset="utf-8"></head><body><button type="button" id="showHidden">點擊切換div的隱藏與顯示</button><div id="div1" style="display:block">請叫我第一層</div><div id="div2" style="display:none">請叫我第二層</div><script type='text/javascript'>function show_hidden(obj) {if (obj.style.display == 'block') {obj.style.display = 'none';} else {obj.style.display = 'block';}}var sh = document.getElementById("showHidden");sh.onclick = function () {var div1 = document.getElementById("div1");var div2 = document.getElementById("div2");show_hidden(div1);show_hidden(div2);return false;}</script></body></html>
總結(jié)
以上是生活随笔為你收集整理的点击切换div 的隐藏与显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： url传参参数编码的解码问题
- 下一篇： 元素垂直水平居中布局