Select all class's with getElementsByClassName and click

Question

I cant seem to click all of the class\'s

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

This works but will only click on th

Answer 1

document.getElementsByClassName has some issues in IE

use jquery

window.onload=function(){

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

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

});

}

Answer 2

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

Answer 3

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()
}

Answer 4

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

Answer 5

[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