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