点击显示和隐藏

梦里梦外; 2022-02-02 02:31 335阅读 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 条评论，335人围观）

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

相关阅读

相关 HTML点击显示、点击隐藏details 标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(r

雨点打透心脏的1/2处/ 2024年03月16日 21:32/ 0 赞/ 33 阅读

相关用jquery怎么实现点击显示，再一次点击隐藏

html代码： <button>点击</button> <div class="div"></div> css代码： <style>

￡神魔★判官ぃ/ 2023年03月12日 09:18/ 0 赞/ 1 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关点击显示和隐藏

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

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

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

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

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

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

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

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