[DOM] Pfad von allen Bildern im Dokument mit bestimmter ID ändern

[sam]

Moin JS'ler,
Ich versuche gerade für mein neues Menüsystem
alle Bilder mit einer bestimmten ID zu
verändern, sprich: Ich will den Pfad von
allen Bildern im Dokument mit der ID "dot"
mit der Quelle "dot_off.gif" versehen.
HTML-Code sieht ungefähr so aus:

<img src="dot_on.gif" border="0" alt="" id="dot">

Für ein Bild funktioniert das hier prima:

bild = document.getElementById("dot");
bild.setAttribute("src","dot_off.gif");

Leider habe ich mehrere Bilder, die ich mit
einer Funktion ändern will.
Das habe ich dann wie folgt versucht:

for(var i=0;i<document.getElementById("dot").length;i++){
document.getElementById("dot")[i].setAttribute("src","dot_off.gif");
}

Geht aber leider nicht? Sieht einer den
Denkfehler, oder gibts da was völlig
anderes, was man machen könnte?

mfg
sam, der DOM-Schwätzer

 

[Andreas Gaisbauer]

Hi,

kann sein das ich jetzt absoluten Schrott schreibe (is ja schon sehr spät *ausrede*) - Hast du mal versucht via Alert rauszubekommen, welchen Wert document.getElementById("dot").length hat? Sollte imo "undefined" sein, da die ID ja pro dokument nur einmal vergeben werden soll / darf. Versuch einfach mal das ganze über document.getElementsByName zu machen. Man beachte auch den unterschied zwischen getElement und getElements Wenn du allen Bildern die selben Namen gibst und dann über document.getElementsByName("dot") zugreifst sollte es imo laufen... Werde es mir aber nochmal durchdenken wenn ich wieder wach bin...

ciao

 

[sam]

Das hatte ich gestern auch ausprobiert, aber
es ging irgendwie nicht...heute klappt es
Wahrscheinlich ein dummer Tippfehler...

for(var i=0;i<document.getElementsByName("dot").length;i++){
document.getElementsByName("dot")[i].src = "images/dot_off.gif";
}

Danke crono