js如何實現控制p標簽的顯示和隱藏


  參考:https://jingyan.baidu.com/article/e8cdb32b732ab676052bada7.html

  js實現點擊標簽顯示和隱藏p標簽

  代碼如下

<html>
<head>
<meta charset='utf-8'>
</head>
<body>
		<p id='targetp' > 這是一行測試文字</p>		 
		<button onclick=showp('targetp') >顯示</button>	
		<button onclick=hidep('targetp')  >隱藏</button>			
	<script>
		function showp(id){
				document.getElementById(id).style.display='inline';	
		}
		function hidep(id){
				document.getElementById(id).style.display='none';	
		}
	</script>
</body>
</html>

   解析:定義兩個函數一個為顯示函數showp一個為隱藏函數hidep函數傳遞的參數為對象的id,當點擊對應按鈕時觸發事件,事件分別為隱藏和顯示對應的對象,本次對象為一個p標簽

  頁面效果如下

 

 

 

 

 


免責聲明!

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



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