How to turn html tags into an array in javascript

Question

I am relatively new to JavaScript but I have a lot of background in java. So, I am wondering how I could loop through every single tag in a special div. Like a for loop. This is what I have already:

var allPeople = document.getElementsByClassName('person').toArray;

console.log(allPeople.length);

for(var i = 0; i < allPeople.length; i++) {
    console.log(document.getElementById("#main > .person > #inside > #span"));
    document.getElementById("#main > .person > #inside > #left > li > #normal > #kd").innerHTML = 1;
}

I think the problem is with the 'document.getElementsByClassName('person').toArray;' part. Any other recommendations?

Answer 1

remove the .toArray in line 1

the function getElementsByClassName() returns an array, you do not need to convert it to one.

Answer 2

如果您使用的是es6

[ ...document.getElementsByClassName('person')].forEach( el => { //do something })