
function a(){
ha=document.getElementById("haha")
b=document.getElementById("txt")
num=b.value
for(var i=0i<numi++){
aDiv=document.createElement("div")
var node=document.createTextNode("这是第"+(i+1)+"个新的DIV")
aDiv.appendChild(node)
ha.appendChild(aDiv)
}
}
function c(){
var arr = document.getElementsByTagName("div")
for(var i=0i<numi++)
{
ha.removeChild(arr[1])
}
}
</script>
<body>
输入你想要的DIV的数目:<input type="text" id="txt" />
<button onclick="a()">一次性产生多个DIV</button>
<button onclick="c()">删除</button>
<div id="haha">这里将有N多个DIV:</div>
</body>
<div class="forms" id="forms"><form class="form"></form>
</div>
<input id="button1" type="button" value="添加">
<input id="button2" type="button" value="取消">
<script>
//把表单代码存入js变量,随时备用。
var form="<form class='form'></form>"
//为了简便使用伪代码
button1.onclick=function(){//添加一个form
forms.appendChild(form)
}
button2.onclick=function(){//删除一个form
var form//这里是需要要先取得准备删除的form对象
forms.removeChild(form)
}
</script>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)