首页 文章

Javascript使用不同的ID创建div

提问于
浏览 次
0

我希望每次点击按钮都会创建一个新的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）等等，那就太好了 .

javascript

2 回答

  • 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";
}
    回复于
  • 0

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

    只是一个选择

    回复于

相关问题