Js写的点击显示隐藏的div的代码
来源:互联网 发布:a算法解决八数码问题 编辑:程序博客网 时间:2024/06/02 03:29
原图片只有一个按钮,点击后产生如下结果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>hello world</title> <link rel="stylesheet" type="text/css" href="stylecss.css"/> <style type="text/css"> div{ height: 50px; background-color: aqua; margin-bottom: 10px; display: none; } </style> <script type="text/javascript"> window.onload=function(){ document.getElementById('bt').onclick=function(){ var divs=document.getElementsByTagName('div'); for(var i=0;i<divs.length;i++){ divs[i].style.display="block"; divs[i].innerHTML="你好"; } } } </script></head><body> <button id="bt">按钮</button> <div></div> <div></div> <div></div></body></html>
阅读全文
0 0
- Js写的点击显示隐藏的div的代码
- Jquery写的点击显示隐藏的div的代码
- js+css+div的点击后显示或者隐藏
- 点击button改变div的显示隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- CSS 点击div的同时显示或隐藏的div
- js实现的点击div区域外隐藏div区域
- js实现的点击div区域外隐藏div区域
- JS控制DIV的显示隐藏
- js控制div的隐藏和显示
- js 控制div的隐藏与显示
- Jquery/JS实现DIV的隐藏/显示
- js实现div的显示与隐藏
- js操作div的隐藏和显示
- 单击input div 隐藏和显示 点击div之外的元素 隐藏div 点击里面的元素 不隐藏
- JS-点击隐藏显示div里面的内容和改变左边icon
- Codeforces 869A. The Artful Expedient
- 10月7日Unity学习笔记
- job定时间任务配置
- vue.js学习笔记(1)
- MATLAB_改变默认工作路径的2种方法
- Js写的点击显示隐藏的div的代码
- 洛谷 1968 美元汇率
- python-元编程
- 算法设计与分析笔记之(4):动态规划
- HTML/CSS小知识整理(持续更新)
- 2017 10 07 NOIP2017模拟赛
- 南阳理工OJ 单调递增子序列(二)
- 欧拉函数
- 【XSY1098】第k小 可持久化trie