Breaking News: Grepper is joining You.com. Read the official announcement!

javascript loop through class elements

Add Answer

Friendly Hawk answered on July 22, 2019 Popularity 10/10 Helpfulness 10/10

answer javascript loop through class elements

related javascript loop over class

related javascript loop through class elements

related javascript loop through elements by class

javascript loop through class elements

Comment

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

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: class elements javascript

Link to this answer
Share Copy Link

Contributed on Feb 25 2020

Friendly Hawk

0 Answers Avg Quality 2/10

Closely Related Answers

javascript loop over class

Comment

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

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 30 2019

Grepper

0 Answers Avg Quality 2/10

javascript loop over class

Comment

var person={
 	first_name:"johnny",
  	last_name: "johnson",
	phone:"703-3424-1111"
};
for (var property in person) {
  	console.log(property,":",person[property]);
}

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: iterate

Link to this answer
Share Copy Link

Contributed on Jul 22 2019

Grepper

0 Answers Avg Quality 2/10

javascript loop through class elements

Comment

// get elements based on their class name/s
const elements = Array.from(document.getElementsByClassName("css_class_name"));
// using for loop
for (let i = 0; i < elements.length; i++) {
	console.log(elements[i]);
}
// using for of loop
for (const element of elements) {
	console.log(element);
}
/*
using for in loop (Note: this will iterate through keys
in an object, otherwise you wouldn't need to convert the
HTMLCollection returned by
document.getElementsByClassName into an Array)
*/
for (const i in elements) {
	console.log(elements[i]);
}
/*
Note: these all achieve the same thing, but are slightly
different. The basic for loop is actually faster than
the for of and for in loops (by a miniscule, unnoticable
amount). Generally, you want to use whichever version
is most readable for you personally. In this case, the
for of loop is probably the most readable, followed by
the for loop. It is incredibly unlikely you would ever
need use a for in loop in a scenario like this.
*/

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: class clas

Link to this answer
Share Copy Link

Contributed on May 31 2022

MattDESTROYER

0 Answers Avg Quality 2/10

javascript loop through elements by class

Comment

Array.from(document.getElementsByClassName('my_class')).forEach(element => {
	console.log(element);
});

Popularity 7/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: class elements javascript javasc

Link to this answer
Share Copy Link

Contributed on May 30 2023

Mohit Panwar

0 Answers Avg Quality 2/10

javascript loop through class elements

Contents

More Related Answers

javascript loop through class elements

Closely Related Answers

javascript loop over class

javascript loop over class

javascript loop through class elements

javascript loop through elements by class

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.