llinmi 2021-06-11 11:18 采纳率: 100%
浏览 43
已结题

怎么把下面乘法表的输出与显示隐藏盒子关联起来

<!DOCTYPE html>

<html>

 <head>

  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

  <meta charset="utf-8">

  <title>Document</title>

  <div id="box">

  <p class="duan">显示的内容</p >

  <button class="yin">单击隐藏</button>

  <button class="xian">单击显示</button>

  <div>

 </head>

 <body>

  <script type="text/javascript">

   $(function(){

   $(".yin").click(function(){$("p").hide()})

   $(".xian").click(function(){$(".duan").show()})

   });

  </script>

  <script>

  for(var r=0;r<=9;r++){

  for(var i=1,str="";i<=r;i++){

  str+=i+"x"+r+"="+i*r+" ";

  }

  console.log(str);

  }

  var tab = document.createElement('TABLE');

  tab.style.border = '1px solid black';

  tab.style.borderCollapse='collapse';

  for(var i = 1; i <=9 ; i++){

  var tr = document.createElement('TR');

  tab.appendChild(tr);

  for(var j = 1,str=""; j<=i ; j++){

  str=j+"x"+i+"="+i*j+" ";

  var td = document.createElement('TD');

  td.style.border = '1px solid black';

  td.style.height = '20px';

  td.innerHTML=str;

  tr.appendChild(td);

  }

  }

  document.body.appendChild(tab);

  

  </script> 

 

 </body>

</html>

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2021-06-11 11:21
    关注

    给table添加id，修改下显示隐藏代码就行了

    帮助到你可以点击采纳吗，谢谢

    <!DOCTYPE html>
<html>
<head>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <meta charset="utf-8">
    <title>Document</title>
</head>

<body>

    <div id="box">
        <p class="duan">显示的内容</p>
        <button class="yin">单击隐藏</button>
        <button class="xian">单击显示</button>
        <div></div>

            <script type="text/javascript">
                $(function () {
                    $(".yin").click(function () { $("#cfb").hide() })
                    $(".xian").click(function () { $("#cfb").show() })

                });

            </script>
            <script>
                for (var r = 0; r <= 9; r++) {
                    for (var i = 1, str = ""; i <= r; i++) {
                        str += i + "x" + r + "=" + i * r + " ";
                    }
                    console.log(str);
                }

                var tab = document.createElement('TABLE'); tab.id = 'cfb';
                tab.style.border = '1px solid black';
                tab.style.borderCollapse = 'collapse';
                for (var i = 1; i <= 9; i++) {
                    var tr = document.createElement('TR');
                    tab.appendChild(tr);
                    for (var j = 1, str = ""; j <= i; j++) {
                        str = j + "x" + i + "=" + i * j + " ";
                        var td = document.createElement('TD');
                        td.style.border = '1px solid black';
                        td.style.height = '20px';
                        td.innerHTML = str;
                        tr.appendChild(td);
                    }
                }
                document.body.appendChild(tab);
            </script>
</div>
</body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥30 Unity接入微信SDK 无法开启摄像头
  • ¥20 有偿 写代码 要用特定的软件anaconda 里的jvpyter 用python3写
  • ¥20 cad图纸，chx-3六轴码垛机器人
  • ¥15 移动摄像头专网需要解vlan
  • ¥20 access多表提取相同字段数据并合并
  • ¥20 基于MSP430f5529的MPU6050驱动，求出欧拉角
  • ¥20 Java-Oj-桌布的计算
  • ¥15 powerbuilder中的datawindow数据整合到新的DataWindow
  • ¥20 有人知道这种图怎么画吗？
  • ¥15 pyqt6如何引用qrc文件加载里面的的资源