參考: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標簽
頁面效果如下