怎样在js中控制一个HTML元素的可见与不可见

1、新建一个HTML文件，命名为test.html，用于实现点击按钮显示或隐藏div元素。

2、在test.html页面中添加一个div元素，并使用CSS把它的样式变成长为200px，宽也为200px的黄色正方形。

3、在test.html页面中，再添加一个类型为button的input按钮，用于点击按钮实现可以与不可见状态的切换。

4、给input按钮绑定一个onclick点击事件，当点击这个按钮的时候，触发对HMTL元素的操作。

5、在onclick事件内定义一个点击触发的函数display（）， 当input按钮被点击的时候，就会去执行display（）函数。

6、在test.html内编写函数display（）的JS代码，实现当div为显示时，点击按钮把它隐藏（即不可见状态）；当div元素为不可见时，点击按钮把它显示出来。

7、在浏览器运行test.html，查看实现的效果。