Javascript使用不同的ID创建div

我希望每次点击按钮都会创建一个新的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 increase number”(div1,div2,div3,div4,div5)等等,那就太好了 .

回答(2)

2 years ago

创建一个计数器,然后将其附加到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";
}

2 years ago

您还可以检查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++;
    }
  }
}

只是一个选择