如何用script 在一个<table>内插入一个<tr>,然后再在<tr>内插入一个<td>,哪里有相关的资料翻阅?

<BODY>
<TABLE id=t width=50%>
<TR>
<TD>a</TD>
<TD>b</TD>
<TD>c</TD>
</TR>
<TR>
<TD>a</TD>
<TD>b</TD>
<TD>c</TD>
</TR>
</TABLE>
<BR><BR>
<button onclick=rm()>remove</button>
&nbsp;&nbsp;&nbsp;
<button onclick=add()>add</button>
<SCRIPT LANGUAGE="JavaScript">
<!--
function rm(){
if (t.rows.length>0){
t.deleteRow(t.rows.length-1)
}
}
function add(){
r=t.insertRow();
r.insertCell().innerText="A";
r.insertCell().innerText="B";
r.insertCell().innerText="C";
}
//-->
</SCRIPT>
</BODY>

解决方案 »

  1.   

    var oTR = document.createElement("tr");
    oTR.appendChild(document.createElement("td"));
    yourtable.appendChild(oTR);
      

  2.   

    看我的！：）<html>
    <head>
    <title></title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="JnKc">
    <meta name="Keywords" content="">
    </head>
    <body>
    <table id="jnkcTable" border=1>
    <CAPTION>动态增加表格行和列。</CAPTION>
    <tr>
    <td><input type=text name=test value=""></td>
    </tr>
    </table>
    <button onClick="addRow()">增加行</button>
    <button onClick="addCell()">增加列</button>
    <script language="JavaScript">
    var obj;
    var jnkcHTML='<input>';
    function addRow(){
    obj = jnkcTable.insertRow();
    for (i=0;i<jnkcTable.rows[0].cells.length;i++){
    obj.insertCell().innerHTML = jnkcHTML;
    }
    }
    function addCell(){
    for(i=0;i<jnkcTable.rows.length;i++){
    obj = jnkcTable.rows[i];
    obj.insertCell().innerHTML = jnkcHTML;
    }
    }
    </SCRIPT>
    </body>
    </html>