javascript - 从 JS 的 ID 列表创建 var

Question

我该如何离开这里

<div id="cat" class="super"></div>
<div id="cat" class="super"></div>
<div id="bird" class="super"></div>
<div id="dog" class="super"></div>


var allElements = document.getElementsByClassName('super');
for(var i = 0; i < allElements.length; i++) {
    allElements[i].id && console.log(allElements[i].id);
}

它给了我 ID 列表:猫狗鸟......

动态地将个人var分配给类名super中的每个id，不是通过它在列表/数组中的编号，而是通过它的id，如示例中所示

var new_el_1 = document.getElementById("cat");
var new_el_2 = document.getElementById("dog");
var new_el_3 = document.getElementById("bird");
...

所以我的基本问题是如何从我的观点得到示例结果。

Answer 1

document.querySelectorAll('.super').forEach((div,index) => div.setAttribute('id','array-element-'+index));

<div class="super"></div>
<div class="super"></div>
<div class="super"></div>
<div class="super"></div>
<div class="super"></div>