Select all class's with getElementsByClassName

Question

I cant seem to click all of the class's

document.getElementsByClassName('node closed')[0].click();

This works but will only click on the first class, I need this to click all of the classes named 'node closed'

Thanks

Answer 1

$(".node closed").filter(function() {
    return $(this).click();
});

Answer 2

[0] means only the first element of the node list returned by getElementsByClassName.

You have to do getElementsByClassName and iterate through all the matched elements like shown below:

var el = document.getElementsByClassName('node closed');
for (var i=0;i<el.length; i++) {
    el[i].click();
}

Working Demo

Answer 3

document.getElementsByClassName has some issues in IE

use jquery

window.onload=function(){

$(.yourclass).each(function(){

 $(this).trigger('click');

});

}

Answer 4

just remove [0] and it will access all matched elements as [0] points to first element only.

Answer 5

iterate the result in a loop and assign click to each elements:

var list=document.getElementsByClassName('node closed')
for(var i=0;i<list.length;i++){
list[i].click()
}