jjxkn 2017-05-13 15:17 采纳率: 100%
浏览 866
已结题

js中关于动态显示表格内容的一个小错误

我在写动态显示表格内容的时候,再次点击次数或者偶数时,表格数据全部消失了,说能告诉我我这语法错在哪里了吗,想了很久没有想通,不胜感激

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            table{
                background: yellow;
                height: 300px;
                width: 300px;

            }

        </style>
    </head>
    <body>
        <table  id='table1' border=2>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr>
            <tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr>
            <tr><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
            <tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
        </table>

        <script>
            function jishu(x){

            var td=document.getElementById('table1');
            var a=new Array();
        var n=0;
        var rlen=td.rows.length;
        var clen=td.rows[0].cells.length;
        for(var i=0;i<td.rows.length;i++){
                for(var j=0;j<td.rows[0].cells.length;j++){
                    a[n]=td.rows[i].cells[j].innerHTML;
                    n++;
                }

        }

        if(x==1){
            for(var m=0;m<a.length;m++){
            var yushu=a[m]%2;
                var r=Math.floor(m/rlen)
                var c=m%rlen
                if(yushu==1){
                td.rows[r].cells[c].innerHTML=a[m];
        console.log(a[m])
            }
            if(yushu==0){

                td.rows[r].cells[c].innerHTML='';

            }

        }
            }

if(x==2){
            for(var g=0;g<a.length;g++){
            var yushu=a[g]%2;
                    var r=Math.floor(g/rlen)
                var c=g%rlen
            if(yushu==1){
                td.rows[r].cells[c].innerHTML='';
            }
            if(yushu==0){

                td.rows[r].cells[c].innerHTML=1;
            }
        }
            }
}
            /*
if(x==3){
                for(var h=0;h<a.length;h++){
            var yushu=a[h]%2;
                var r=Math.floor(h/rlen)
                var c=h%rlen
                td.rows[r].cells[c].innerHTML=a[h];

        }
            }
            }
            */
        </script>
            <button onclick='jishu(1)'>显示奇数</button>
        <button onclick="jishu(2)">显示偶数</button>
        <button onclick="jishu(3)">显示全部</button>
    </body>
</html>

  • 写回答

2条回答 默认 最新

  • devmiao 2017-05-13 15:55
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 关于大棚监测的pcb板设计
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器
  • ¥15 如何用Labview在myRIO上做LCD显示?(语言-开发语言)
  • ¥15 Vue3地图和异步函数使用
  • ¥15 C++ yoloV5改写遇到的问题