如何把一个文本框动态的添加到一个层里

Question

<div id=div1>
someting
</div><script>
html="<input type=text name=name1>"
document.all("div1").innerHTML=document.all("div1").innerHTML+html
</script>

Answer 1

<form id="Form1" method="post" runat="server">
<div id="div1" name="div1"></div>
<INPUT class="CustButton" onclick="addNew()" type="button" value="增加一个新的textbox">
<INPUT id=count type="hidden" size="6" value =0>
</form>
<script>
 
 function addNew()
 {
var i;
document.all.count.value=parseInt(document.all.count.value)+1;
i=parseInt(document.all.count.value);
var strHTML;
   str="<input type=text id=tx"+i+" value='新增"+i+"' onmouseover=alert(this.id) size=4>";
      document.all.div1.insertAdjacentHTML("BeforeBegin",str);
 
 }

</script>

Answer 2

<div id=div1 style="border:1px solid red">ddddddddddafasdfafsfasd</div>
<script>
var ipt = document.createElement("INPUT");
ipt.value = "dddddddddddddddddd";
div1.insertBefore(ipt);
</script>