div ID JavaScript中的自动递增数字

本文介绍了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中的自动递增数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！