Get all visible DIVs on a page with javascript?

Question

Another short Q, is there any short piece of code to get all DIVs on a page which have the visibility set to \'block\' or \'inline\'?

Thank

Answer 1

It's easy with jQuery...

$("div:visible")

But if you want to be 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/