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