当前位置: 首页 > news >正文

50-Js控制元素显示隐藏

1.使用style样式,两个按钮:显示按钮,隐藏按钮
    <style>div{width: 300px;height: 300px;background-color: red;transition: .4s;}</style></head><body><button>显示</button><button>隐藏</button><div></div><script>var btn = document.getElementsByTagName("button");var div = document.getElementsByTagName("div")[0];  //不加0是伪数组//显示btn[0].onclick = function(){// div.style.display="block";div.style.opacity=1;}//隐藏btn[1].onclick = function(){// div.style.display="none";div.style.opacity=0;}</script></body>

2.style样式,一个按钮:显示/隐藏

    <style>
http://www.lryc.cn/news/285158.html

相关文章:

  • LC213. 打家劫舍 II
  • Django REST Framework入门之序列化器
  • AI对比:ChatGPT与文心一言的异同与未来
  • elasticsearch备份恢复,elasticdump使用
  • 【C++干货铺】C++11新特性——右值引用、移动构造、完美转发
  • 5G_射频测试_基础概念(二)
  • 【笔记】Helm-3 主题-10 Kubernetes分发指南
  • ROS第 13 课 TF 坐标系广播与监听的编程 实现
  • flask 与小程序 菜品详情和分享功能
  • C语言通过MSXML6.0读写XML文件(同时支持char[]和wchar_t[]字符数组)
  • 在react中说说对受控组件和非受控组件的理解?以及应用场景
  • 【算法练习Day50】下一个更大元素II接雨水
  • 深耕文档型数据库12载,SequoiaDB再开源
  • json解析
  • 【AI】深度学习在编码中的应用(8)
  • 什么是VUE 创建第一个VUE实例
  • 进程间协同:从进程启动、同步与互斥到进程间通信
  • 【驱动】TI AM437x(内核调试-06):网卡(PHY和MAC)、七层OSI
  • Java基础面试题 Object
  • 5G_射频测试_接收机测量(五)
  • ESP32-HTTP_webServer库(Arduino)
  • 无法找到mfc100.dll的解决方法分享,如何快速修复mfc100.dll文件
  • [VulnHub靶机渗透]:billu_b0x 快速通关
  • Docker安装开源Blog(Typecho)
  • 【Qt-license】误操作qt下载导致只能安装商业版试用十天,无法安装社区版
  • 数据操作——缺失值处理
  • 【刷题笔记4】
  • cuda二进制文件中到底有些什么
  • 怎么从视频中提取动图?一个方法快速提取gif
  • String字符串的比较和hash函数减少哈希冲突