div id javascript中的自动递增数字

谁能帮帮我吗？ 如何使用javascript在div ID中添加自动递增的数字？ 我有四个div，我想让它们在ID中通过javascript自动编号（box1、box2、box3、box4）

这是我的密码

<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>

var list=document.getElementsByClassName（“某物”）；
对于（var i=0；iset id属性

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

var list=document.getElementsByClassName（“某物”）；
对于（变量i=0；i
您的代码中有一个错误：
开始时，不要使用重复的ID。@Csülök Pug，请看一看可能重复的“谢谢”，但您能否告诉我是否需要在标题部分添加一些内容。因为在我将此代码插入html文件时，此代码对我不起作用。第一部分应该可以在没有其他代码的情况下工作。The第二部分使用。您需要在本地下载库，并从计算机/服务器引用它，或直接从web引用它，例如，从这里这样：
。此代码应放在html页面的标题中。
<div id="box" class="something">A</div>
<div id="box" class="something">B</div>
<div id="box" class="something">C</div>
<div id="box" class="something">D</div>

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

<div id="box0" class="something"></div>
<div id="box1" class="something"></div>
<div id="box2" class="something"></div>
<div id="box3" class="something"></div>

$(".something").each(function(index) {
    $(this).attr("id", this.id + index);
});

// find all elements with the class "something"
$(".something")
// call for each one of them 
    .each(
// the function with parameter = current index
    function(index) {
// take the current element
    $(this)
// and set the attribute id to the new value
    .attr("id", this.id + index);
});