getElementByID - Mehrere Objekte?

andone · 17. Juli 2004

Hi,

ich würde gerne wissen, wie ich einem getElementByID('idnr') mehrere Objekte zuweisen kann. Also so, dass der nachfolgende Effekt für zwei und mehr Objekte definiert und angezeigt wird. Ich dachte ja erst, das würde mit getElementByID('idnr', 'idnr2') klappen, da ich das mal irgendwo gelesen hatte, aber das klappt nicht, genauso wenig wie das selbe mit Semikolon.

Könnt ihr mir da helfen?

TrueBlueSolution · 17. Juli 2004

schleife

Würde ich über eine Schleife realisieren und die einzelnen Objects durchnummerieren:

Code

i = 0;
anzahl = 4;
while(i<anzahl)
{
  object_name = 'obj_' + i;
  object = document.getElementById(object_name);

  // ggf. hier Aktion / Funktion ausführen
  i++;
}

Objects (z.B. div's)

Code

<div id="obj_0"></div>
<div id="obj_1"></div>
<div id="obj_2"></div>
<div id="obj_3"></div>

andone · 17. Juli 2004

Danke! Aber wo schiebe ich den Code denn hin, wenn ich folgendes habe:

PHP

<img src="Servergrafiken/minimieren.gif" onclick="var s = document.getElementByName('weg2'); if (s.style.display == 'none') { s.style.display='block'; } else { s.style.display='none'; };" width=74 height=7 border=0 style="cursor:crosshair;" alt="" title="Klappt die Menu-Leiste ein" hspace=0 vspace=0/>

?

TrueBlueSolution · 19. Juli 2004

Oben in den <head>

Code

<script language="javascript">
function display()
{
  i = 0;
  anzahl = 4;
  while(i<anzahl)
  {
  object_name = 'obj_' + i;
  object = document.getElementById(object_name);

  if (object.style.display == 'none') 
  { 
     object.style.display='block'; 
  } 
  else 
  { 
     object.style.display='none'; 
  }
  i++;
  }
}


</script>

Alles anzeigen

Dann die Grafik wie folgt einbinden:

Code

<img src="Servergrafiken/minimieren.gif" onclick="display();" width=74 height=7 border=0 style="cursor:crosshair;" alt="" title="Klappt die Menu-Leiste ein" hspace=0 vspace=0/>

andone · 19. Juli 2004

super, es klappt!

vielen dank.

getElementByID - Mehrere Objekte?

Jetzt mitmachen!

Teilen