<HTML>
<HEAD>
<TITLE></TITLE>
<script>
function foo(){
var strText = '<input  type="text">'
document.body.insertAdjacentHTML("beforeEnd",strText);
}
</script>
</HEAD>
<BODY>
<input  type="button"  value="click to add text";  onclick="foo()">
</BODY>
</HTML>

解决方案 »

  1.   

    用createelement更好控制一些<HTML>
    <HEAD>
    <TITLE></TITLE>
    <script>
    var i = 0;
    function foo(){
    var oText = document.createElement("input");
    oText.type = "text";
    oText.id = "text" + i;
    oText.value = "text" + i;
    oText.style.position = "absolute";
    oText.style.top = 30 + i * 30;
    document.body.insertAdjacentHTML("beforeEnd",oText.outerHTML);
    i++;
    }
    </script>
    </HEAD>
    <BODY>
    <input  type="button"  value="click to add text";  onclick="foo()">
    </BODY>
    </HTML>
      

  2.   

    还有innerHTML也可以实现:
    <div id="dv"></div>
    <button id="btn">添加控件</button>
    <script>
    function btn.onclick(){
    dv.innerHTM="<input type='button' value='this is the new component you add!'>"
    }
    </script>
      

  3.   

    那如何控制删除呢(用createelement/div
    )
      

  4.   

    removeNode()http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dom/domoverview.asp有你要的sample