在js中，可以通过设置span的display属性来实现，当display属性为none时，即为隐藏，当display属性为block时，即为显示。下面小编举例讲解js如何控制span显示隐藏。方法/步骤1/7分步阅读

新建一个html文件，命名为test.html，用于讲解js如何控制span显示隐藏。

2/7

在test.html文件内，使用span标签创建一段文字的展示，并设置其id属性为tar。

3/7

在test.html文件内，再使用button标签创建两个按钮，一个显示按钮，另一个隐藏按钮。

4/7

在test.html文件内，给两个button按钮绑定onclick点击事件，当点击显示按钮时，执行on()函数，当点击隐藏按钮时，执行off()函数。

5/7

在test.html文件的js标签中，使用function声明一个on()函数，获得span对象，设置其display属性为block。

6/7

在test.html文件的js标签中，使用function声明一个off()函数，获得span对象，设置其display属性为none。

7/7

在浏览器打开test.html文件，点击隐藏按钮时，文字隐藏，点击显示按钮时，文字显示出来。

JS