I cant seem to click all of the elements.
document.getElementsByClassName('node closed')[0].click();
This works but will only click on the first element. I need this to click all of the elements with class 'node closed'.
Thanks
Add a comment
|
5 Answers
[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();
}
4 Comments
Max
I tried this but i just get the error: TypeError: Object #<NodeList> has no method 'click'
Harry
Yes, sorry I was about to edit my post. The click method wouldnt work on a node list. you have to iterate through all elements returned from the node list.
Max
This works but doesnt seem to activate them all. <span class="node closed" onclick="doExpandCollapse(this)"></span> is there a way of activating that onclick event?
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()
}
Comments
document.getElementsByClassName has some issues in IE
use jquery
window.onload=function(){
$(.yourclass).each(function(){
$(this).trigger('click');
});
}
Comments
just remove [0] and it will access all matched elements as [0] points to first element only.
3 Comments
Teemu
Maybe in jQuery, but not in vanilla JS.
Ganesh Pandhere
In that case, question was supposed be more descriptive. And solution provided is as per the normal logic applied in javascript for indexing elements.
Teemu
jQuery objects have that "normal logic", but not
HTMLCollections returned by getElementsByClassName().$(".node closed").filter(function() {
return $(this).click();
});
