用 js 简单控制 div 显示与隐藏方法分享

 时间:2026-02-12 20:39:08

1、首先写出架构,两个 buttod (按钮),下面是一个 div 存放文本和在后面的被js控制;

用 js 简单控制 div 显示与隐藏方法分享

用 js 简单控制 div 显示与隐藏方法分享

2、先用 css 选择器 为 div 控制属性,(控制背景和宽,高)

用 js 简单控制 div 显示与隐藏方法分享

用 js 简单控制 div 显示与隐藏方法分享

3、然后写出 script 标签(可以写在外部,然后在引用。但是小编写的比较简单,代码量少,就写在 body 里面,架构的下面;具体可以自行百度)

用 js 简单控制 div 显示与隐藏方法分享

4、然后我们用 js 设置变量,这样我们才可以控制变量来控制元素(简单的说明原理...)

用 js 简单控制 div 显示与隐藏方法分享

5、这里用 alert  测试一次我们是否选对了元素(变量和元素相对应)

用 js 简单控制 div 显示与隐藏方法分享

用 js 简单控制 div 显示与隐藏方法分享

6、然后通过 onclick 事件来控制这个 div(图片代码的大致意思是,‘点击 oB1 按钮 div 显示;点击 oB2 按钮 div 隐藏’)

用 js 简单控制 div 显示与隐藏方法分享

  • 黑色沙漠如何查看技能升级效果
  • 长期熬夜会带来哪些危害
  • 火影忍者圣诞忍者怎么获得
  • 如何用python写策略
  • 小米WiFi怎么设置定时重启时间
  • 热门搜索
    直通车是什么 脖子僵硬是什么原因 什么是皮疹 牛蒡茶不适合什么人喝 脚凉是什么原因 supper什么意思 两点水的字与什么有关 一丘之貉什么意思 脑膜炎有什么症状 tag是什么