Question

我希望每次点击按钮都会创建一个新的div。为此，我一直在使用以下代码：

function createDiv(){
var divTag = document.createElement("div");
divTag.id = "div1";
divTag.setAttribute("align","center");
divTag.style.border = "1px solid #ccc";
}

然而，这将为每个创建的div提供id“div1”。我需要所有的div：s有不同的id：s。如果每个新创建的div都被命名为“div +增加数字”（div1，div2，div3，div4，div5）等等，那将是很好的。

Answer 1

创建一个计数器，然后将其附加到ID，然后递增计数器。

var divCount = 0;
function createDiv(){
   var divTag = document.createElement("div"); 
   divTag.id = "div"+divCount;
   divCount++;
   divTag.setAttribute("align","center");
  divTag.style.border = "1px solid #ccc";
}

Answer 2

您还可以检查div是否已存在，然后增加整数控制

function createDiv() {
var created = false;
var index = 1;
  while (!created) {
    if (document.getElementById('div'+index) == null) { //not sure if the correct check is like this but something similar will work
      //create div here
      created = true;
    }
    else {
      index++;
    }
  }
}

只是另一种选择

Javascript使用不同的ID创建div

2 个答案: