Javascript 如何在添加新元素集之前删除先前创建的元素函数createbtn（） { var n=document.getElementById（“number”）.value；对于（i=1；i_Javascript_Html

Javascript 如何在添加新元素集之前删除先前创建的元素函数createbtn（） { var n=document.getElementById（“number”）.value；对于（i=1；i

javascript html

Javascript 如何在添加新元素集之前删除先前创建的元素函数createbtn（） { var n=document.getElementById（“number”）.value；对于（i=1；i,javascript,html,Javascript,Html,为新创建的元素指定一个类名 <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

为新创建的元素指定一个类名

<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>

然后在添加新元素之前，按类删除所有元素。

只需创建一个元素，即a

div

，并在添加新元素之前清除它。类似于：

 x.setAttribute("class", "some-class-name");




函数createbtn（）{
var n=document.getElementById（“number”）.value；
document.getElementById（“结果”）.innerHTML=“”；
对于（i=1；i添加按钮容器元素并将所有按钮添加到该容器中。在添加新按钮之前，请清除其中的内容。
创建一个用于放置按钮的容器。在函数开始时，清除容器


函数createbtn（）
{
var buttons_container=document.getElementsByClassName（“按钮”）[0]；
var n=document.getElementById（“number”）.value；
按钮\u container.innerHTML=''；
对于（i=1；i
<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>