我要崩溃了`~~~各位老师帮帮忙!救急


<script>
function addText()
{
var objDiv = document.getElementById("div")
var objInput = document.getElementById("loginname")
var newText = objInput.cloneNode()
objDiv.appendChild( newText )
}
</script>
<input type=button value="添加文本框" onclick="addText()">
<div id="div" style="float:left; height: 22px;"> 
    <input id="loginname" type="text" runat="server" maxlength="10" onchange="userID()"/> 
 </div>

解决方案 »

  1.   

    可以开始时现将loginPassword的文本框设置成为不可见的，style="visibility: hidden"；触发事件后再将其变为可见的，呵呵，愚见
      

  2.   

    <script>
    function addText()
    {
    var objDiv = document.getElementById("div")
    var objInput = document.getElementById("loginname")
    var newText = objInput.cloneNode()
    objDiv.appendChild( newText )
    }
    </script>
    <input type=button value="添加文本框" onclick="addText()">
    <div id="div" style="float:left; height: 22px;"> 
        <input id="loginname" type="text" runat="server" maxlength="10" onchange="userID()"/> 
     </div>
      

  3.   

    找到那个div，然后修改innerHTML可以么？function addText(){
      var mydiv = document.getElementById("mydiv");
      mydiv.innerHTML = mydiv.innerHTML + "<input id='loginPassword' type='text' runat='server' maxlength='10' onchange='userID()'/>";
    }
      

  4.   

    还有1种写法不知道是不是楼主想要的：
    <script>
    $=function (id){return document.getElementById(id);}
    function T_j()
    {
       var obj=$("aaa");
       var html="";
           html+='<input id="loginname" type="text" runat="server" maxlength="10" onchange="userID()"/>'
               +'<input id="loginPassword" type="text" runat="server" maxlength="10" onchange="userID()"/>'
          obj.innerHTML=html;
    }
    </script>
      </head>
      <body>
    <div style="float:left; height: 22px;" id="aaa"> 
        <input id="loginname" type="text" runat="server" maxlength="10" onchange="userID()"/> </div> 
        <input type="button" value="添加文本框" onclick="T_j();"/>  
      </body>
    </html>