Идентификатор элемента из document.getElementsByClassName

Question

Относительно новичок в JS/Ajax, поэтому я могу упустить что-то очевидное здесь. Допустим, в какой-то момент в javascript я запустил ajax, чтобы получить несколько элементов div с определенным именем класса. Затем я хочу извлечь тег html id из каждого из этих элементов и сделать что-то с этой информацией (скажем, заполнить элемент), что-то вроде этого.

var divstopop = document.getElementsByClassName("popField"),x;
    for(x in divstopop){

    divstopop[x].innerHTML= x.id; //x.id or something?
}

Можно ли это как-то сделать?

Answer 1

С помощью in это не то, как вы должны перебирать массив элементов. Вы должны использовать .length Свойство и использование числовой индексации:

for (var i = 0, n = divstopop.length; i < n; ++i) {
    // get id property from element and set as innerHTML
    divstopop[i].innerHTML = divstopop[i].id;
}