如何再一次点击按钮OK键，让弹出层消失？
2
392
弹出层2
接下来是css代码
body{
/*background-color:#cccc00;*/
background-color: #99FF00;
margin: 0;
padding: 0;
}
.content{
display: none;
}
.first{
width: 350px;
height: 200px;
/*margin-top: 60px;*/
margin: 0 auto;
background-color: cyan;
border:4px solid purple;
text-align: center;
}
.second{
font-size: 24px;
margin-top: 50px;
color: red;
}
.third{
margin-top: 50px;
}
.third > input{
margin-left: 20px;
}
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
将
改为
也就说将：获取contentObj的方式
contentObj上升为全局变量
通过Dom操作获取content
通过函数参数，传递点击的事件（事件中有触发事件的对象input）
通过上述其中的一个方法可解决上述的问题.
因为你js代码中使用的选择器是选择class为content的第一个p，所以只会第一个的p改变，如果想要达到你想要的效果，建议采用js中的单例模式，即：点击start时，如果页面中没有创建p，则创建，如果已经创建了，则不再创建。做一下判断，这样的话，就能保证页面只会创建一个p。如果想创建多个p的话，也可以将ok()函数使用this来选择点击时的p，来设置display，即：利用this修改操作dom。----大概思路就是这样，希望对你有帮助。