一个按钮点击隐藏下面内容，再点击显示，并且按钮自己里边的字也在变

最新推荐文章于 2022-07-22 20:12:27 发布

kangjksjd

最新推荐文章于 2022-07-22 20:12:27 发布

阅读量1.4k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_39703462/article/details/77600328

版权

<!DOCTYPE html>
<html>
<head>
   <title></title>
</head>
<body>
<div class="btn">隐藏</div>
<h1 class="show">快把我藏起来</h1>
</body>
<script type="text/javascript">
   //获取元素
   var btn = document.getElementsByClassName('btn')[0];
   var showDiv = document.getElementsByClassName('show')[0];

//添加点击事件


   function out(){
       btn.onclick = function(){

   btn.innerHTML = "显示";
   showDiv.style.display = 'none';



   btn.onclick = function(){
   btn.innerHTML = "隐藏";
   showDiv.style.display = 'block';

out();

}
}
}

   out();


</script>
</html>