新建一个html文件 ， 定名为test.html ， 用于讲解js若何节制span显示埋没 。
文章插图
2在test.html文件内 ， 利用span标签建立一段文字的展示 ， 并设置其id属性为tar 。
文章插图
3在test.html文件内 ， 再利用button标签建立两个按钮 ， 一个显示按钮 ， 另一个埋没按钮 。
文章插图
4在test.html文件内 ， 给两个button按钮绑定onclick点击事务 ， 当点击显示按钮时 ， 执行on()函数 ， 当点击埋没按钮时 ， 执行off()函数 。
文章插图
5【js如何控制span显示隐藏】在test.html文件的js标签中 ， 利用function声明一个on()函数 ， 获得span对象 ， 设置其display属性为block 。
文章插图
6在test.html文件的js标签中 ， 利用function声明一个off()函数 ， 获得span对象 ， 设置其display属性为none 。
文章插图
7在浏览器打开test.html文件 ， 点击埋没按钮时 ， 文字埋没 ， 点击显示按钮时 ， 文字显示出来 。
文章插图
文章插图
文章插图
以上内容就是js如何控制span显示隐藏的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何申请恢复转让的qq群群主身份
- PS 如何画出对称图形
- Photoshop如何改变照片背景色为白底
- mac上如何使用cmake编译gtest
- 聚镁Art0X APP 如何发布 发表 文章
- 瓷酒瓶如何切割
- 如何用微波炉制作香辣烤鱼
- 蒜香藤开花后如何修剪，怎么繁殖
- 如何拦截验证码
- 教你如何更改QQ的主显账号！