如何动态添加html元素

<script>
var i=0;
function test()
{i++;
var abc=document.createElement("<input type='text' name=name"+i+" onclick='alert(name)'>");
var abc1=document.createElement("<br>");
document.body.insertBefore(abc);
document.body.insertBefore(abc1);}
</script>
<input type="text"><input type="button" value="多用户提交" onclick="test()"><br>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <script>
    var i=0;
    function test()
    {i++;
    var abc=document.createElement("<input type='text' value="+i+" name=name"+i+" onclick='alert(name)'>");
    var abc1=document.createElement("<br>");
    document.body.insertBefore(abc);
    document.body.insertBefore(abc1);
    var test = eval("name"+i);
    alert(test.value);
    //alert(document.all[test].value);
    }
    </script>
    <input type="text"><input type="button" value="&#182;à&#211;&#195;&#187;§&#204;á&#189;&#187;" onclick="test()"><br>
    </BODY>
    </HTML>