想把计算内容放到表格里去!!!

<html>
<head>
    <title> </title>
</head>
<body> <table id="tab" width="900" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>1</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
    <script language="javascript">
       var tab=document.getElementById("tab")//tab.rows[0].cells[0]
    var i,j;
    for(i=1;i <=9;i++)
    {
        for(j=1;j <=9;j++)
            {
               tab.rows[i-1].cells[j-1].innerHTML= " "+i+"*"+j+"="+i*j+" "
            }    }
    </script>
</body>
</html>

解决方案 »

  1.   


    function Show()
    {
        var tableInnerHTML="<table style='width:200px;height:200px;'>";
        for(var i=1;i<=9;i++)
        {
            tableInnerHTML+="<tr>";
            for(var j=1;j<=9;j++)
            {
               if(j<=i)
               {
                tableInnerHTML+="<td>"+i+"*"+j+"="+i*j+"</td>";
                }
                 else
                {
                    tableInnerHTML+="<td></td>";
                }
            }
            tableInnerHTML+="</tr>";
        }   tableInnerHTML+="</talbe>";
       var Table=document.createElement("div");
        Table.innerHTML=tableInnerHTML;
       document.body.appendChild(Table);
    }window.onload=Show;
      

  2.   

    =================
    修改下2楼的加 行号
    function Show()
    {
        var tableInnerHTML="<table style='border:2px;width:200px;height:200px;'>";
        for(var i=1;i<=9;i++)
        {
            tableInnerHTML+="<tr><td>"+i+"</td>";
            for(var j=1;j<=9;j++)
            {
               if(j<=i)
               {
                tableInnerHTML+="<td>"+i+"*"+j+"="+i*j+"</td>";
                }
                 else
                {
                    tableInnerHTML+="<td></td>";
                }
            }
            tableInnerHTML+="</tr>";
        }   tableInnerHTML+="</talbe>";
       var Table=document.createElement("div");
        Table.innerHTML=tableInnerHTML;
       document.body.appendChild(Table);
    }window.onload=Show;
    </script>
      

  3.   

    顶2 3楼的，1楼的也行，不过代码有点冗余，用IE的innerHTML操作，动态生成表格！