javascript - 更改所有“div”元素的 ID (Javascript)

Question

正如标题所说，我正在尝试使用标签“div”更改所有元素的 ID。这是我当前的脚本，它不起作用：

function setIDs() {
    var divs[] = new Array();
    for(i in document.getElementsByTagName('div'))
        divs[i] = document.getElementsByTagName('div')[i];
    for(idNum in divs) divs[idNum].id="child"+idNum;
}

所以在 setIDs() 完成后，我的 HTML 应该是这样的：

<div id="child0">...</div>
<div id="child1">...</div>
...
<div id="childn">...</div>

Answer 1

不要使用for...in和重用document.getElementsByTagName结果。

function setIDs() {
  var divs = document.getElementsByTagName('div');
  for(var i=0; i<divs.length; i++) {
    divs[i].id = "child" + i;
  }
}

Answer 2

无效的 JavaScript。

 var divs[] = new Array();

此外，不要for-in用于 Array 或类似 Array 的迭代。它经常会失败。

Answer 3

可以使用 jQuery 吗？如果是这样，你应该尝试这样的事情：

var x = 0;
$("div").each(function(){
    $(this).attr("id", "child"+x);
    x++;
});

Answer 4

function setIDs() {
    var divs[] = new Array();
    // no need for an extra array. Invalid identifier, btw.

    for(i in document.getElementsByTagName('div'))
    // never run through Arrays with for-in-loops. It's the same for NodeLists.

        divs[i] = document.getElementsByTagName('div')[i];
        // you might have cached the NodeList to a variable

    for(idNum in divs) divs[idNum].id="child"+idNum;
    // again, don't use a for-in-loop. And why at all do you need a second loop?
}

更正：

function setIDs() {
    var divs = document.getElementsByTagName('div');
    for (var i=0; i<divs.length; i++) {
        divs[i].id = "child"+i;
    }
}