Dazu würde ich sowieso raten. Mit Klassen kann man die Semantik von html-Dokumenten weiter anreichern und die div-Elemente in diesem Beispiel scheinen so Bedeutungsschwanger zu sein, dass es gerade danach reicht.
Ok, ich habe jetzt den Einträgen eine Klasse zugeordnet.
Dann hole die Elemente (Objekte) in ein Array, durchlaufe diesen und ordne den Objekten die gwünschten Eigenschaften zu. Beispiel:
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function display_class_elements (classname, display) {
var elements = document.getElementsByClassName(classname);
ex = elements.length;
for (var i = 0; i < ex; i++) {
elements[i].style.display = display;
}
}
</script>
</head>
<body>
<div class="test">Foo!</div>
<div class="test">Bar!</div>
<div>
<button onclick="display_class_elements('test', 'none')">verstecken</button>
<button onclick="display_class_elements('test', 'block')">anzeigen</button>
</div>
</body>