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>
原创粉丝点击