求實現如下功能的JavaScript代碼

Question

<INPUT style="Z-INDEX: 101; LEFT: 152px; WIDTH: 72px; POSITION: absolute; TOP: 112px; HEIGHT: 24px"
type="button" value="Add" onclick="add_bt()" id="add"><INPUT style="Z-INDEX: 102; LEFT: 272px; WIDTH: 64px; POSITION: absolute; TOP: 112px; HEIGHT: 24px"
type="button" value="Del" onclick="del_bt()" id="del"><DIV id="mydiv" style="DISPLAY: inline; Z-INDEX: 103; LEFT: 360px; WIDTH: 296px; POSITION: absolute; TOP: 8px; HEIGHT: 520px"
ms_positioning="FlowLayout"></DIV>
<script language="javascript">
var num = 0;
function add_bt()
{
  num = num + 1;
      var str = "";
      for(i=0;i<num;i++)
      {
    str +="<INPUT id=\"txt\" style=\"LEFT: 20px; WIDTH: 72px; POSITION: absolute; TOP: "+i*30+"; HEIGHT: 24px\">";
  }
  document.getElementById("mydiv").innerHTML = str;
}
function del_bt()
{
  num = num - 1;
  var str = "";
  for(i=0;i<num;i++)
  {
    str +="<INPUT id=\"txt\" style=\"LEFT: 20px; WIDTH: 72px; POSITION: absolute; TOP: "+i*30+"; HEIGHT: 24px\">";
  }
  document.getElementById("mydiv").innerHTML = str;
}
</script>一个比较笨的法子，不过实现了你的功能。呵呵……

Answer 1

<form id="frm">
<input type="button"  value="增加" onclick="addele()">
<input type="button"  value="刪除" onclick="delele()">
</form>
<script>
  var num=0;
  function addele(){
    var ele=document.createElement("<input type='text' id='tt_"+num+"' value='aaa"+num+"'>");
frm.appendChild(ele);num++;
    ele.insertAdjacentHTML("BeforeBegin","<br>");
  }
  function delele(){
    frm["tt_"+(num-1)].removeNode();
num--;
  }
</script>