Get all visible DIVs on a page with javascript?

Question

Another short Q, is there any short code snippet to get all the DIVs on a page that has visibility set to " block " or " inline "?

thanks

Answer 1

Easy with jQuery ...

 $("div:visible") 

But if you want to be an old school ...

 var divs = document.getElementsByTagName("DIV"); var elems = []; for(var i = 0; i < divs.length; i++) { var div = divs[i]; var vis = div.style.visibility; if(vis == 'block' || vis == 'inline') elems.push(div); } 

Answer 2

Using jQuery:

 $("div:visible") 

http://api.jquery.com/visible-selector/