亲测div显示与隐藏切换

最新推荐文章于 2023-03-18 23:07:13 发布

流年之年

最新推荐文章于 2023-03-18 23:07:13 发布

阅读量490

点赞数

分类专栏：实用的点滴记录

本文链接：https://blog.csdn.net/qq_19668427/article/details/110233910

版权

实用的同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

点滴记录

5 篇文章 0 订阅

订阅专栏

<!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>

流年之年

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
亲测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="
复制链接

扫一扫