JS实现点击按钮隐藏HTML元素的内容

在建造HTML前端页面时，经常需要利用JS实现用户点击触发的结果，下面介绍用户点击按钮埋没p标签内容的实现过程。

方式/步调

1
新建一个HTML文件，定名为test.html,用于实现点击按钮埋没P标签的功能。
2
在test.html页面，利用p标签界说一段文本内容，并为p标签添加一个id属性，id为demo,便利后面步调利用JS获得p标签对象。
3
再在test.html页面，利用input标签界说一个类型为button的按钮，用于点击触发埋没的功能。
4
给input标签绑心猿意马一个点击事务onclick，当input按钮被点击时，挪用JS的cki()函数。
5
在test.html页面加上JS标识表记标帜，在标识表记标帜里面界说一个cki()函数，在里面编写代码，实现点击埋没p标签的功能。
6
在cki()函数内，利用document.getElementById()方式获得p标签对象，经由过程设置对象style中的display属性为none，实现埋没p标签的功能。
7
在浏览器上运行test.html文件，查看实现的结果：
可见，当作功实现了点击按钮埋没p标签的内容。