首页 文章

Javascript使用不同的ID创建div

提问于
浏览 516
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)等等,那就太好了 .

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++;
        }
      }
    }
    

    只是一个选择

相关问题