如何用javascript增加一行？？？100分相送！多谢了！各位大侠！

http://lucky.myrice.com/javascriptexam/addelement.htm<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
  <TBODY>
  <TR>
    <FORM id=form1 name=form1 action=program/survey/SurveyEdit.asp method=post>
    <TD>
      <TABLE class=tableborder cellSpacing=0 cellPadding=4 width="100%" 
border=0>
        <TBODY>
        <TR>
          <TD bgColor=#c7e8f8>
            <DIV align=center><B>问题 1:</B> </DIV></TD>
          <TD bgColor=#c7e8f8><INPUT class=tableborder size=60 name=Question1> 
          </TD></TR>
        <TR>
          <TD>&nbsp;</TD>
          <TD><B>问题类型： </B><INPUT type=checkbox value=True name=chkQueType1> 
            多选类型 <BR>
            <DIV id=__idQueOption1 name="__idQueOption1"><B>问题选项：</B> <INPUT 
            class=tableborder onpropertychange=addNewChild(this) size=60 
            name=QueOption1> </DIV></TD></TR></TBODY></TABLE>
      <DIV id=__idInsertBefore></DIV><INPUT type=hidden value=1 name=newTable> 
      <BR>
      <DIV 
      style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px" 
      align=right><INPUT class=CustButton onclick=addNewQuestion() type=button value=增加一个新问题> 
<INPUT class=CustButton type=submit value=保存设置> <INPUT class=CustButton type=reset value=重新设置> 
</DIV></TD></FORM></TR></TBODY></TABLE>
<SCRIPT>
function addNewQuestion()
{document.form1.newTable.value =  parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}newItemId = document.form1.newTable.value;var objItem = '<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">';
 objItem += '  <tr>';
 objItem += '<td bgcolor="#C7E8F8">';
 objItem += '      <div align="center"><b>问题 ' + newItemId + ':</b> </div>';
 objItem += '    </td>';
 objItem += '    <td bgcolor="#C7E8F8">';
 objItem += '      <input size="60" name="Question' + newItemId + '" class="tableborder">';
 objItem += '    </td>';
 objItem += '  </tr>';
 objItem += '  <tr>';
 objItem += '    <td>&nbsp;</td>';
 objItem += '    <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType' + newItemId + '">';
 objItem += '      多选类型 <br>';
 objItem += '      <div id="__idQueOption' + newItemId + '"><b>问题选项：</b>';
 objItem += '        <input onpropertychange="addNewChild(this)" size="60" name="QueOption' + newItemId + '" class="tableborder">';
 objItem += '      </div>';
 objItem += '    </td>';
 objItem += '  </tr>';
 objItem += '</table>';document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
}function showTips(obj)
{
obj.title=obj.value;
}function addNewChild(obj)
{
var isblank = "false";
var objName = obj.name;
var last2Char = objName.substring(objName.length - 2);
if( last2Char.substring(0, 1) > '9' || last2Char.substring(0, 1) < '0' )
{
last2Char = last2Char.substring(1, 2);
}for(var i=0; i < document.form1.elements[objName].length; i++)
{
if(document.form1.elements[objName].item(i).value == "")
isblank = "yes"
}if( isblank != "yes" )
{
var objItem = '<div id="__idQueOption' + last2Char + '"><b>问题选项：</b>';
   objItem += '  <input onpropertychange="addNewChild(this)" size="60" name="' + objName + '" class="tableborder" />';
   objItem += '</div>';objName = "__idQueOption" + last2Char;
var varQueOption = document.all[objName];
if( varQueOption.length != null )
  varQueOption = varQueOption.item(varQueOption.length-1);varQueOption.insertAdjacentHTML("afterEnd",objItem);
}
}
</SCRIPT>
</BODY></HTML>

解决方案 »

  1.   

    How to Build Tables Dynamicallyhttp://msdn.microsoft.com/workshop/author/tables/buildtables.asp
      

  2.   

    //添加行
    function ADDRow()
       {
           
            //插入行
            myrow=document.all.mytable.insertRow(document.all.mytable.rows.length);
            myrows=mytable.rows;
    mycells=myrow.cells;
    mycell1=myrows(myrow.rowIndex).insertCell(mycells.length);
    mycell2=myrows(myrow.rowIndex).insertCell(mycells.length);
            LastValue = document.all.mytable.rows(document.all.mytable.rows.length-1).cells(0).children(0).value;
            mycell1.innerHTML="<td><input id = "+document.all.mytable.rows.length+" type=text value="+LastValue+"><td>";
            mycell2.innerHTML="<td><label onclick='return DELRow(this);'>删除</label></td>";
            mycell2.children(0).focus();
       
       }
    //删除行   
    function DELRow(obj) {
    document.all.mytable.deleteRow(obj.parentElement.parentElement.rowIndex);  
       }
      

  3.   

    看到楼主这样的回复，不免又要牢骚一下，
     net_lover(孟子E章)已经不厌其烦，不仅给你代码，还给你Reference，你还想怎么样？让人家帮你把代码全部写了？一点都没有作IT的人应该有的踏实精神。衣来伸手，饭来张口的纨绔子弟永远学不好任何东西！
      

  4.   

    function init()
    {
    var tabelnew;
    tablenew=document.getElementById("table1");
    var trnew=tablenew.insertRow(0);
    var tdnew = trnew.insertCell(0);
    var tdnew1 = trnew.insertCell(1);
    var tdnew2 = trnew.insertCell(2);
    var tdnew3 = trnew.insertCell(3);
    var tdnew4 = trnew.insertCell(4);
    var tdnew5 = trnew.insertCell(5);
    tdnew.innerHTML = "<input type='text' name='t1'>";
    tdnew1.innerHTML = "<input type='text' name='t1'>";
    tdnew2.innerHTML = "<input type='text' name='t1'>";
    tdnew3.innerHTML = "<input type='text' name='t1'>";
    tdnew4.innerHTML = "<a href='javascript:addtr("+i+")'>add</a>";
    tdnew4.innerHTML = "<a href='javascript:deltr("+i+")'>del</a>";}
    var i;
    i=0;
    function addtr(i)
    {
    var tabelnew;
    tablenew=document.getElementById("table1");
    var trnew=tablenew.insertRow(i);
    i=i+1;
    var tdnew = trnew.insertCell(0);
    var tdnew1 = trnew.insertCell(1);
    var tdnew2 = trnew.insertCell(2);
    var tdnew3 = trnew.insertCell(3);
    var tdnew4 = trnew.insertCell(4);
    var tdnew5 = trnew.insertCell(5);
    tdnew.innerHTML = "<input type='text' name='t1'>";
    tdnew1.innerHTML = "<input type='text' name='t1'>";
    tdnew2.innerHTML = "<input type='text' name='t1'>";
    tdnew3.innerHTML = "<input type='text' name='t1'>";
    tdnew4.innerHTML = "<a href='javascript:addtr("+i+")'>add</a>";
    tdnew4.innerHTML = "<a href='javascript:deltr("+i+")'>del</a>";}
    function doDel()
    {
    if(i>=1)
    {
    document.all.table1.rows(i).removeNode();}
    else
    {
    alert("不能继续删减条目!");
    }
    }