如何用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.   

    用服务器控件table多好？
    <asp:table ...></asp:table>
      

  2.   

    example:
    <script language="c#" runat=server>
    string html="";
    html +="<tr><td>111</td></tr>";
    text1.Value=html;
    </script>
    <form id=form1 runat=server>
    <input type="text" name=text1 id=text1 runat=server style="Z-INDEX: 101; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px">
    <table>
    <tr>
    <td>
    </td>
    </tr>
    <script language="JavaScript">
    document.write(form1.text1.value);
    </script>
    </table>
    </form>
      

  3.   

    javascript 宝典里不是有很多这方面的例子吗。
    我有点忘了你看一下
    var tid
    tid=document.getelementbyid("Tableid")
    tid.createchildelement有没有这个方法，
    试一下，
      

  4.   

    <script language=javascript>
     var oTB=document.createElement("TBody");
     var oTR=document.createElement("TR");
     var oTD0=document.createElement("TD");
     var oTD1=document.createElement("TD");
     oTR.appendChild (oTD0);
     oTR.appendChild (oTD1);
     oTB.appendChild (oTR);
    document.form.all("your table id").appendChild ( oTB );
    </script>
      

  5.   

    function add_tr(){
    ////////////////////////
    //取得行号
    var intRowIndex=QuoteItem.rows.length-1;
    var idSerial=TotalItemNumber;
    //加入新行
    var oNewRow=QuoteItem.insertRow(intRowIndex);
    oNewRow.id="tr_mat"+idSerial.toString();
    /////////////////////////////////////////////
    //加入新列
    var oItemNumber=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oBatterySerial=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oBatteryName=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oBatSort=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oOrderQty=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oUnit=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oDelete=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);

    //加入控件
    oItemNumber.innerHTML="<center>"+idSerial+"</center>"
    oBatterySerial.innerHTML="<input type='text' name='BatterySerial" +idSerial+"' id='BatterySerial" +idSerial+"' onkeydown='Javascript:SelectMat("+idSerial+");' size='25' class='input1' onfocus='javascript:ShowHintMessage(140,200);' onblur='javascript:HiddenHintMessage();'　>";
    oBatteryName.innerHTML="<input type='text' name='BatteryName" +idSerial+"' id='BatteryName" +idSerial+"' size='25' class='input1' readonly>";
    oBatSort.innerHTML="<input type='text' name='BatSort" +idSerial+"' id='BatSort" +idSerial+"' size='25' class='input1' readonly>";
    oOrderQty.innerHTML="<input type='text' name='OrderQty" +idSerial+"' id='OrderQty" +idSerial+"' size='25' class='input1'>";
    oUnit.innerHTML="<select id='SelUnit"+idSerial+"' name='SelUnit"+idSerial+"'  size='1' class='input1'>"+optionListForUnit+"</select>";
    oDelete.innerHTML="<input type=button value='删除' onkeydown='javascript:event.keyCode = 9;'onclick=\"javascript:drop_tr('tr_mat"+idSerial+"');\">"
    TotalItemNumber+=1;
    return idSerial;
    }
      

  6.   

    function add_tr(){
    ////////////////////////
    //取得行号
    var intRowIndex=QuoteItem.rows.length-1;
    var idSerial=TotalItemNumber;
    //加入新行
    var oNewRow=QuoteItem.insertRow(intRowIndex);
    oNewRow.id="tr_mat"+idSerial.toString();
    /////////////////////////////////////////////
    //加入新列
    var oItemNumber=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oBatterySerial=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oBatteryName=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oBatSort=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oOrderQty=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oUnit=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);
    var oDelete=QuoteItem.rows(intRowIndex).insertCell(oNewRow.cells.length);

    //加入控件
    oItemNumber.innerHTML="<center>"+idSerial+"</center>"
    oBatterySerial.innerHTML="<input type='text' name='BatterySerial" +idSerial+"' id='BatterySerial" +idSerial+"' onkeydown='Javascript:SelectMat("+idSerial+");' size='25' class='input1' onfocus='javascript:ShowHintMessage(140,200);' onblur='javascript:HiddenHintMessage();'　>";
    oBatteryName.innerHTML="<input type='text' name='BatteryName" +idSerial+"' id='BatteryName" +idSerial+"' size='25' class='input1' readonly>";
    oBatSort.innerHTML="<input type='text' name='BatSort" +idSerial+"' id='BatSort" +idSerial+"' size='25' class='input1' readonly>";
    oOrderQty.innerHTML="<input type='text' name='OrderQty" +idSerial+"' id='OrderQty" +idSerial+"' size='25' class='input1'>";
    oUnit.innerHTML="<select id='SelUnit"+idSerial+"' name='SelUnit"+idSerial+"'  size='1' class='input1'>"+optionListForUnit+"</select>";
    oDelete.innerHTML="<input type=button value='删除' onkeydown='javascript:event.keyCode = 9;'onclick=\"javascript:drop_tr('tr_mat"+idSerial+"');\">"
    TotalItemNumber+=1;
    return idSerial;
    }