日期:2014-05-16 浏览次数:20666 次
<input type="text" name="type"> <a href="addMoreType">添加</a>
<script>
function abc()
{
document.getElementById("divid").innerHTML=document.getElementById("divid").innerHTML+"<input type='text'>";
}
</script>
<a href="#" onclick="abc()">aaaa</a>
<div id="divid">
</div>
------解决方案--------------------
也可以用 createElement() 创建
------解决方案--------------------
function addMoreType(){
$("body").append("<input type='text' class='input' name='type'> <a href='javascript:addMoreType();'>添加</a></input><br/>");
}
------解决方案--------------------
<script>
var cout=0;
function addMoreType(){
var node=document.getElementById("inpu");
var insertedNode = document.createElement('input');
insertedNode.value = cout ;
insertedNode.appendChild(document.createTextNode("插入节点"+cout));
node.parentNode.insertBefore(insertedNode,node.nextSibling);
cout++;
}
</script>
<input type="text" name="type" value="1" > <a id="inpu" href="javascript:addMoreType();">添加</a>
------解决方案--------------------
<script>
function addMoreType(){
var obj=document.createElement("input");
obj.setAttribute('type','text');
obj.setAttribute('name','type');
document.body.appendChild(obj);
}
</script>
<input type="text" name="type"> <a href="javascript:addMoreType();">添加</a>
------解决方案--------------------
1.利用innerHTML
2.利用createElement