Alle Elem. einer Klasse visible/hidden setzten

[Michael]

Hallo,

ich haben einige <div>'s, alle gehören zur selben class="foo" und jede hat ihre id="bar1" , id="bar2" usw..

Jetzt möchte ich alle gleichzeitig visible bzw. hidden setzten.
Geht das nur indem ich jedes einzelne per document.getElementById("bar1").style.visibility = "visible"; anspreche oder kann ich auch die ganze Klasse verändern?

Was recht einfach geht, ist alle Divs des Dokuments zu durchlaufen und zu prüfen, ob die klasse foo ist:

var Divs = document.getElementsByTagName("DIV");
for (var i=0; i<Divs.length; i++)  {
 if (Divs[i].className == "foo") Divs[i].style.display = "none";
}

Grüße

Michael