点击显示和隐藏

梦里梦外; 2022-02-02 02:31 276阅读 0赞

<html>
    
      <head>
          <meta charset="UTF-8" />
    
      <meta charset="gb2312">
      <title>隐藏和显示</title>
      <style type="text/css"> #thediv { width:200px; height:100px; line-height:100px; text-align:center; background-color:green; } </style>
      <script type="text/javascript"> function Show_Hidden(obj) { if(obj.style.display=="block") { obj.style.display='none'; } else { obj.style.display='block'; } } window.onload=function() { var olink=document.getElementById("link"); var odiv=document.getElementById("thediv"); olink.onclick=function() { Show_Hidden(odiv); return false; } } </script>
      </head>
      <body>
      <a href="#" id="link">显示\隐藏切换</a>
      <div id="thediv" style="display:block">欢迎您</div>
      </body>
      </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hfY19s_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hfY19s_size_16_color_FFFFFF_t_70]: /images/20220202/4a05099afcaf437a8dd7a015d064b3ce.png

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 react点击实现元素的显示和隐藏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

落日映苍穹つ/ 2022年11月29日 12:21/ 0 赞/ 131 阅读

相关点击按钮时div显示再次点击时隐藏（白天夜间切换）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

左手的ㄟ右手/ 2022年10月02日 00:46/ 0 赞/ 197 阅读

相关 js控制div点击隐藏显示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta n

比眉伴天荒/ 2022年09月26日 15:49/ 0 赞/ 236 阅读

相关点击显示再次点击隐藏

<script> $(function()\{ $('\a').click(function()\{//点击a标签 if($('

亦凉/ 2022年06月07日 09:06/ 0 赞/ 314 阅读

相关关于点击显示与隐藏的事件

前几天第一次上班，激动又害怕。真怕自己做不好，被老板炒鱿鱼了。上班第一天，老板给我了我一个任务：大概就是 ![Center][] 这样的任务，点击是的时候没有text文

墨蓝/ 2022年06月06日 11:51/ 0 赞/ 229 阅读

相关点击一个按钮隐藏和显示div

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>点击一个按钮隐藏

一时失言乱红尘/ 2022年05月09日 06:56/ 0 赞/ 256 阅读

相关点击显示和隐藏

<html> <head> <meta charset="UTF-8" /> <meta charset

梦里梦外;/ 2022年02月02日 02:31/ 0 赞/ 277 阅读

相关点击切换div 的隐藏与显示

点击切换div 的隐藏与显示适合做切换按钮 <!DOCTYPE html> <html> <head> <me

末蓝、/ 2022年01月29日 12:55/ 0 赞/ 353 阅读

相关点击一个按钮显示div，点击div之外的地方div隐藏，点击div之内的地方div不隐藏

<input id="btnClick" type="button" value="原生写法" class="btn-green radius" />

蔚落/ 2022年01月29日 09:35/ 0 赞/ 339 阅读

相关 vue 点击展开显示更多点击收起部分隐藏

vue 点击展开显示更多点击收起部分隐藏要求：只展示几条数据，其余的收起。点击显示更多时候，查看全部如下：以百度云的页面为例 ![在这里插入图片描述]

短命女/ 2021年09月13日 17:24/ 0 赞/ 748 阅读