订阅js如何控制span显示隐藏
来源：网络收集 点击： 时间：2024-05-06【导读】：
在js中，可以通过设置span的display属性来实现，当display属性为none时，即为隐藏，当display属性为block时，即为显示。下面小编举例讲解js如何控制span显示隐藏。方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
JS
新建一个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 版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_693119.html
上一篇：咖啡色搭配什么颜色好看
下一篇：如何在word打乐谱的连音符？
