當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

点击切换div 的隐藏与显示

發(fā)布時(shí)間：2025/4/16 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了点击切换div 的隐藏与显示小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

點(diǎn)擊切換div 的隱藏與顯示

適合做切換按鈕

<!DOCTYPE html> <html><head><meta charset="utf-8"></head><body><button type="button" id="showHidden">點(diǎn)擊切換div的隱藏與顯示</button><div id="div1" style="display:block">請(qǐng)叫我第一層</div><div id="div2" style="display:none">請(qǐng)叫我第二層</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 的隐藏与显示的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。