Select All Class's With Getelementsbyclassname And Click

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

Solution 1:

[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

Solution 2:

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

Solution 3:

document.getElementsByClassName has some issues in IE

use jquery

window.onload=function(){

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

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

});

}

Solution 4:

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

Solution 5:

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