请教如何实现点击按钮后动态在页面上增加一文本框?

<HTML>
<Head>
<Script Language=JavaScript>
function insertRow(isTable){
 index = isTable.rows.length;
 nextRow = isTable.insertRow(index);
 isText = nextRow.insertCell(0);
 txtArea = nextRow.insertCell(1);
 index++;
 index = index.toString();
 nameStr = "item"+index;
 txtStr = "Item "+index;
 isText.innerHTML = txtStr;
 txtArea.innerHTML = "<input type=text name="+nameStr+" size=5>";
}</Script>
</Head>
<Body>
<Form name='Form1'>
<Table id='dynTable' cellpadding=5 cellspacing=5 border=1>
<TR><TD> Item 1</TD><TD><input type="text" name="item1" size="5"></TD></TR>
<TR><TD> Item 2</TD><TD><input type="text" name="item2" size="5"></TD></TR>
<TR><TD> Item 3</TD><TD><input type="text" name="item3" size="5"></TD></TR>
</Table>
</Form>
<input type=button value="Insert row" onclick="insertRow(dynTable)" >
</Body>
</HTML>

解决方案 »

  1.   

    <div id="text1">
    <input type="text" name="dtext[]" value="" size="40" />
    </div><input type=button value="add" onclick="add();"/><script language="javascript" type="text/javascript">
    <!--
    function add(){
    obj = document.getElementById('text1');
    currHtml = obj.innerHTML;
    newHtml = currHtml+"\n<input type=\"text\" name=\"dtext[]\" value=\"\" size=\"40\" />\n";
    obj.innerHTML = newHtml;
    }
    //-->
    </script>
      

  2.   

    var txt = document.creatElement("input");
    txt.type = "text";
    Form1.appendChild(txt);
    这样就可以了
      

  3.   

    多谢各位的答复。
    hbhbhbhbhb1021你的方法我觉得最适合我的情况了。我还想问一下，如何删除动态新增表格的一行？
      

  4.   

    document.all.dynTable.deleteRow(index)