div ID JavaScript中的自动递增数字 [英] Auto increment numbers in div id javascript

问题描述

有人可以帮我吗? 如何使用javascript在div ID中添加自动递增编号? 我有四个div，我希望它们通过javascript在ID中自动编号(box1，box2，box3，box4).

can somebody please help me? How to add auto increment number in div ID using javascript? I have four divs and I'd like to have them automatically numbered (box1, box2, box3, box4) in the ID by javascript.

这是我的代码

<div id="box" class="something"> </div>
<div id="box" class="something"> </div>
<div id="box" class="something"> </div>
<div id="box" class="something"> </div>

<script>
  var list = document.getElementsByClassName("something");
  for (var i = 0; i <= list.length; i++) {
   list[i].innerHTML = i;
  }
</script>

推荐答案

设置ID属性

var list = document.getElementsByClassName("something");
for (var i = 0; i < list.length; i++) {
    list[i].id = "box" + (i + 1);
}

这篇关于div ID JavaScript中的自动递增数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！