如何动态修改 table ？

<body>
用鼠标点击看
<table width="100%"  border="1" cellspacing="0" cellpadding="0" id=t>
  <tr>
    <td>s</td>
    <td>d</td>
  </tr>
  <tr>
    <td>f</td>
    <td>e</td>
  </tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
document.onclick=function()
{
var tr=t.insertRow(t.rows.length);
var td
for(var i=0;i<t.rows[0].cells.length;i++)
{
td=tr.insertCell();
td.innerHTML=Math.random()+"";
}
}
</SCRIPT>
</body>

解决方案 »

  1.   

    inserCell()是IE特有的，最好用
    var td=document.createElement（td）;
    tr.appendChild(td);
      

  2.   

    <SCRIPT LANGUAGE="JavaScript">
    document.onclick=function()
    {
             var obj=document.getElementById("t");
    var trr=document.createElement("tr");
    for(var i=0;i<obj.rows[0].cells.length;i++)
    {
             var tdd=document.createElement("td");
    tdd=trr.appendChild(tdd);
    }
             obj.appendClild(trr);
    }
    </SCRIPT>
      

  3.   

    to luoying_81() :insertCell IE only???还没听过这回事oTD = TR.insertCell( [iIndex])This method is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 . 你用ff打开看看
    <table width="100%"  border="1" cellspacing="0" cellpadding="0" id=t>
      <tr>
        <td>s</td>
        <td>d</td>
      </tr>
      <tr>
        <td>f</td>
        <td>e</td>
      </tr>
    </table>
    <SCRIPT LANGUAGE="JavaScript">
    document.getElementById("t").insertRow(2).insertCell(0).innerHTML="blueDestiny";
    </SCRIPT>
      

  4.   

    <body>
    用鼠标点击看
    <table width="100%"  border="1" cellspacing="0" cellpadding="0" id=t>
      <tr>
        <td>s</td>
        <td>d</td>
      </tr>
      <tr>
        <td>f</td>
        <td>e</td>
      </tr>
    </table>
    <SCRIPT LANGUAGE="JavaScript">
    document.onclick=function()
    {
    var tr=t.insertRow(t.rows.length);
    var td
    for(var i=0;i<t.rows[0].cells.length;i++)
    {
    td=tr.insertCell(i);
    td.innerHTML=Math.random()+"";
    }
    }
    </SCRIPT>
    </body>