如何在JavaScript中用计数器设置ID的div名称？

问题描述：

我想要定义和设置多个DIV和它的ID动态如下：如何在JavaScript中用计数器设置ID的div名称？

function add_div() { 
    div_number = 'div' + number.toString(); 
    document.getElementById("all").innerHTML += "<div id=div_number > </div>" ; 
    ++number; 
}

但所有的ID名是相同的：div+ number其中number是number

的最后一个值到那个，我的意思是，如果number = 20 20的add_div()

调用我想：div1，div2，div3，... div20

，但我得到div20，div20 ... div20

不要使用'innerHTML'这一点。不要给你的div编号 - 你的[实际问题]（https://meta.stackexchange.com/q/66377）是什么？ – Bergi

实际问题：我想动态定义并设置div的ID名称 –

不，你认为通过在div上设置ID解决了什么问题？ – Bergi

答

function add_div(number) { 
 
\t for (var i = 1; i <= number; i++) { 
 
\t \t var div = document.createElement('div'); 
 
\t \t div.id = 'div' + i; 
 
\t \t document.getElementById("all").appendChild(div); 
 
\t } 
 
} 
 

 
add_div(20);

<!-- Outputs--> 
 

 
<div class="all"> 
 
\t <div class="div1"></div> 
 
\t <div class="div2"></div> 
 
\t <div class="div3"></div> 
 
\t <div class="div4"></div> 
 
\t <div class="div5"></div> 
 
\t <div class="div6"></div> 
 
\t <div class="div7"></div> 
 
\t <div class="div8"></div> 
 
\t <div class="div9"></div> 
 
\t <div class="div10"></div> 
 
\t <div class="div11"></div> 
 
\t <div class="div12"></div> 
 
\t <div class="div13"></div> 
 
\t <div class="div14"></div> 
 
\t <div class="div15"></div> 
 
\t <div class="div16"></div> 
 
\t <div class="div17"></div> 
 
\t <div class="div18"></div> 
 
\t <div class="div19"></div> 
 
\t <div class="div20"></div> 
 
</div>

如何在JavaScript中用计数器设置ID的div名称？

相关推荐