<大神>js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击后隐藏,然后在显示另外一个div

js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.第一步:第二... js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
第一步:

第二步:

第三步:
展开
 我来答
百度网友faadf46
高粉答主

2020-02-04 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:74.9万
展开全部

1、打开html开发软件,新建一个html文件。

2、在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show。

3、然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,然后给这个div设置一个id。

4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。

5、为button按钮添加一个点击后隐藏事件。点击button按钮后,把隐藏的div的display修改为block,这样点击后div就会显示了。

6、保存好html后使用浏览器打开,点击button按钮就会发现隐藏的div就会显示出来了。

暗晓之夜
推荐于2017-10-02 · TA获得超过385个赞
知道小有建树答主
回答量:267
采纳率:0%
帮助的人:178万
展开全部
<button id="btn1" onclick="btn1()">报名</button>
<div id="div1" style="background:#999999; display:none;">
<button id="btn2" onclick="btn2()">第一个div</button>
</div>
<div id="div2" style="background:#666; display:none;">
<button id="btn3" onclick="btn3()">第二个div</button>
</div>
function btn1(){
document.getElementById('div1').style.display='block';
}
function btn2(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='block';
}
function btn3(){
document.getElementById('div2').style.display='none';
}

这样的效果吧

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cs903016
2013-12-06 · TA获得超过1179个赞
知道小有建树答主
回答量:2599
采纳率:80%
帮助的人:1723万
展开全部
display = "block"//显示div
display = "none"//隐藏div
追问
说了js了。。。。知道用if...else,但是不知道需要嵌套多少次,想不出来怎么写
追答
你这个需要这样做么?
所有的东西你都在页面上写好在定义display属性,在用js控制不就好了!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式