如何删除先前创建的元素，然后再添加新的元素集 [英] How to remove previously created element before adding new set of elements
本文介绍了如何删除先前创建的元素，然后再添加新的元素集的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<html>
<body>
<input type="text" id="number"/>
<input type="button" value="create button" onclick="createbtn()"/>
<br>
<script>
function createbtn()
{
var n=document.getElementById("number").value;
for(i=1;i<=n;i++)
{
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", i);
x.setAttribute("id","x"+i);
document.body.appendChild(x);
}
}
</script>
</body>
</html>
以上代码从文本字段获取值并创建与文本中输入的值相等的按钮数field.Now如果在文本中输入了新值，我想在创建新按钮之前清除之前创建的按钮。如何实现这一点？
The above code takes the value from text field and creates number of buttons equal to the value entered in text field.Now if new value is entered in text I wanted to clear previously created button before creating new buttons.How can this be achieved?
推荐答案
只需创建一个元素，即 div 并在添加新元素之前将其清除。例如：
Just create an element, i.e. a div and clear it before adding new elements. Something like:
<html>
<body>
<div id="result"></div>
<input type="text" id="number"/>
<input type="button" value="create button" onclick="createbtn()"/>
<br>
<script>
function createbtn(){
var n=document.getElementById("number").value;
document.getElementById("result").innerHTML = "";
for(i=1;i<=n;i++){
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", i);
x.setAttribute("id","x"+i);
document.getElementById("result").appendChild(x);
}
}
</script>
这篇关于如何删除先前创建的元素，然后再添加新的元素集的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
