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>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM