javascript for each dom element code example
Example 1: loop through html nodelist
const fakeImages = document.querySelectorAll(".fake-image");
for (var i = 0; i < fakeImages.length; i++) {
console.log('fakeImage: ', fakeImages[i]);
}
for (const fakeImage of fakeImages) {
console.log('fakeImage: ', fakeImage);
}
for (const fakeImage of fakeImages.entries()) {
console.log('fakeImage: ', fakeImage);
};
for (const fakeImage of fakeImages.values()) {
console.log('fakeImage: ', fakeImage);
};
for (const fakeImage of fakeImages.keys()) {
console.log('fakeImage: ', fakeImage);
};
fakeImages.forEach(fakeImage => {
console.log('fakeImage: ', fakeImage);
});
[...fakeImages].forEach(fakeImage => {
console.dir(fakeImage);
});
Example 2: js for each item do
let array = ['Item 1', 'Item 2', 'Item 3'];
array.forEach(item => {
console.log(item);
});
Example 3: loop through dom elements javascript
var all = document.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++) {
}
Example 4: for each javascript
const movies = [
{name: "A New Hope", director: "George Lucas", release: "1977-05-25", episodeID: 4},
{name: "Attack of the Clones", director: "George Lucas", release: "2002-05-16", episodeID: 2},
{name: "Return of the Jedi", director: "Richard Marquand", release: "1983-05-25", episodeID: 6},
{name: "Revenge of the Sith", director: "George Lucas", release: "2005-05-19", episodeID: 3},
{name: "The Empire Strikes Back", director: "Irvin Kershner", release: "1980-05-17", episodeID: 5},
{name: "The Phantom Menace", director: "George Lucas", release: "1999-05-19", episodeID: 1}
]
movies.forEach((movies) => {
console.log(movies.name);
});