Style Eigenschaften mit Schleife ändern

[fettmme]

Ich versuche die Eigenschaften einiger DIV's zu ändern. Alle Elemente haben die ID oN, wobei N für eine durchlaufende Zahl steht. Ich möchte nun den folgenden Code mit einer Schleife vereinfachen.

document.all.o1.style.display="none";
document.all.o2.style.display="none";

Ich komme nur nicht dahinter, wie ich das in JavaScript lösen kann. Meine Versuche bisher brachten keinen Erfolg:

// Fehler Objekt unterstützt Eigenschaft nicht, oder so ähnlich
for(i=1;i<=anzahl;i++){
   document.all.getElementByID('o'+i).style.display="none";
}

// in ActionScript geht sowas, in JS scheinbar nicht :)
for(i=1;i<=anzahl;i++){
   document.all['o'+i]style.display="none";
}

Tja, mit JavaScript kenne ich mich nicht so aus.

[webmichl]

eval('document.all.getElementByID("o'+i+'").style.display="none";');

[fettmme]

Danke für Deine Antwort Webmichel. Funktioniert leider nicht.
Scheinbar ist es nicht gültig mit getElementByID auf die Eigenschaft display zuzugreifen. Du hast mich aber trotzdem auf die richtige Bahn gebracht. Das funktioniert:

for(i=1;i<=anzahl;i++){
   eval('document.all.o'+i+'.style.display="none";'); 
}

[webmichl]

seltsam... mit "visibility" funktioniert's jedenfalls bei getElementByID

[fettmme]

Komisch, gelle? Leider hilft mir visibility nicht, da es einen festen Platzhalter verwenden. Ich will aber daß das Element komplett verschwindet und keinen Platz verbraucht. Deswegen ja display.

Naja, egal. Mit eval() geht's ja