Mehrere HTML-Elemente (IDs) gleichzeitig ansprechen

[Ben]

Hallo,

ich habe fünf verschiedene IDs, welche ich gerne alle auf einmal ansprechen würde, um mir genau solche Befehle zu ersparen:

onmouseover="
 d=document;
 d.getElementById('teaser1').style.display='none';
 d.getElementById('teaser2').style.display='none';
 d.getElementById('teaser3').style.display='none';
 d.getElementById('teaser4').style.display='none';
 d.getElementById('teaser5').style.display='none';
 d.getElementById('teaser".$id."').style.display=''"

Würde mich freuen wenn mir da jemand weiterhelfen kann, denn unter JavaScript - getElementById() wurde ich leider nicht fündig.

Besten Dank im Voraus,
Ben

P.S.: Bitte nicht über die eigenartige Form der $id wundern, diese wird via PHP erzeugt.

[Wazgnuks]

Hallo,

ich habe fünf verschiedene IDs, welche ich gerne alle auf einmal ansprechen würde, um mir genau solche Befehle zu ersparen:

onmouseover="
d=document;
d.getElementById('teaser1').style.display='none';
d.getElementById('teaser2').style.display='none';
d.getElementById('teaser3').style.display='none';
d.getElementById('teaser4').style.display='none';
d.getElementById('teaser5').style.display='none';
d.getElementById('teaser".$id."').style.display=''"

for(var i=0; i<=5; i++) {
d.getElementById("teaser" + i).style.display='none';
}

[Ben]

for(var i=0; i<=5; i++) {
d.getElementById("teaser" + i).style.display='none';
}

Oh, besten Dank! Ich hatte dummerweise nur an Schleifen via PHP gedacht. Diese hätten jedoch nichts genützt, da die Links dort erst zusammengestellt werden ohne zu wissen wie viele es letztendlich sind.

Nun funktioniert's wunderbar, musste es aufgrund der bösen 0 aber in "for(var i=1; i<6; i++) { ..." ändern.