参考: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标签
页面效果如下