JS点击隐藏显示相应标签详解编程语言

点击循环控制标签的显示与隐藏,jquery中的toggle标签很容易就能做到这点

但各个版本支持条件不同,难免会出些意外,公司的架构对jquery做了一些修改,反正是不支持这玩意

那就自己生搬硬套一个js的方法喽,如下所示:

 

<!DOCTYPE html> 
<html> 
 
	<head> 
		<meta charset="UTF-8"> 
		<title></title> 
		<script> 
			function showhidediv(id) { 
				var sbtitle = document.getElementById(id); 
				if(sbtitle) { 
					if(sbtitle.style.display == 'block'|| sbtitle.style.display == '') { 
						sbtitle.style.display = 'none'; 
					} else { 
						sbtitle.style.display = 'block'; 
					} 
				} 
			} 
			 
			function showhide(){ 
				showhidediv("aaaa"); 
				showhidediv("bbbb"); 
			} 
		</script> 
	</head> 
	<body> 
		<input type="button" onclick="showhide();" value="点击切换状态"/> 
		<h1 id="aaaa" >所以那些可能都不是真的</h1> 
		<h1 id="bbbb" style="display: none;">你才不是一个没有故事的女同学</h1> 
	</body> 
 
</html> 

  

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/17207.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论