JavaScript开关案例

最新推荐文章于 2023-10-15 23:00:40 发布

07Sean

最新推荐文章于 2023-10-15 23:00:40 发布

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44171647/article/details/123956585

版权

这个是之前开关小案例视频的代码

<body>
		<div id="box">
			
		</div>
		<input type="button" name="" id="btn" value="隐藏" />
		<script type="text/javascript">
		var oBox = document.querySelector('#box');
		var oBtn = document.querySelector('#btn');
		var op = true ;
		
		oBtn.onclick = function(){
			// var val = '隐藏', dis = 'block';
			// if (op){
			// 	val = '显示';
			// 	dis = 'none';
			// }
			// op = !op;
			// this.value = val;
			// oBox.style.display = dis;
			
			
			// if (op === true){
			// 	oBox.style.display = 'none';
			// 	this.value = '显示';
			// 	op = false;
			// } else {
			// 	oBox.style.display = 'block';
			// 	this.value = '隐藏';
			// 	op = true;
			// }
			
			// oBox.style.display = op ? 'none' : 'block';
			//       this.value = op ? '显示' : '隐藏';
			//       op = !op;
		//}
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

07Sean

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript开关案例

<body> <div id="box"> </div> <input type="button" name="" id="btn" value="隐藏" /> <script type="text/javascript"> var oBox = document.querySelector('#box'); var oBtn = document.querySelector('#btn'); var op =.
复制链接

扫一扫