class loop javascript code example

Example 1: javascript loop through class elements

var els = document.getElementsByClassName("myClass");
for(var i = 0; i < els.length; i++)
{
  console.log(els[i]);
}

Example 2: 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);
	});