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



