Auf alle Bilder zugreifen

[split]

Hi,
wie kann ich mit JavaScript auf alle Bilder mit dem Attribut name="MeinBild" zugreifen?
Das sollte ungefähr so aussehen:

document.[alle bilder mit name="MeinBild"].width=x;

PS: Ich habe nichts passendes im Forum gefunden

 

[Fabian H]

window.document.images['nameDesBildes'].width = 123;

Ich würde es aber per CSS machen:

window.document.images['nameDesBildes'].style['width'] = "123px";

 

[split]

Danke, funktioniert gut.

Leider kann ich auf diese Art allerdings nur auf das letzte Bild mit dem Namen "BildName" zugreifen. Ich würde allerdings gerne auf alle zugreifen. Gibt es dazu eine Möglichkeit?

 

[Fabian H]

Der Name des Bildes sollte eh nicht doppelt vorkommen.

Mach es lieber so, dass du deine Bilder z.B. so nennst:

Bild1
Bild2
Bild3
Bild4

Also durchnummeriert, und du kannst mit JavaScript mittels einer Schleife alle
ansprechen:

for (i=1; i<=iAnzahlDerBilder; i++) {
    window.document.images['Bild' + i].style.width = "123px";
}

 

[split]

Ich kann den Namen der Bilder leider nicht ändern, da sie dynamisch per PHP eingefügt werden (durch dieses Script).

In PHP kann ich die Bilder nicht durchnummerieren, da diese durch BBCode eingefügt werden. Dann würden für jeden Eintrag die Bilder neu durchnummeriert werden, also immer von 0 an.

 

[Fabian H]

Guck dir mal getElementsByName an.

 

[split]

Wow, danke!
Aber eine Frage habe ich noch:
Ich habe nun folgende Funktion, die ihren Zweck auch erfüllt. Dennoch meldet der Browser einen Fehler.
Hier die Funktion:

function Bilder() {
    i=0;
    while(document.getElementsByName("Bildname")) {
        document.getElementsByName("Bildname")[i].width=21;
        i++;
    }
}

Was ist daran falsch?

 

[Fabian H]

for (i=0; i<window.document.getElementsByName("Bild").length; i++) {
    window.document.getElementsByName("Bild")[i].style['width'] = "123px";
}

 

[split]

Super, funktioniert!
Danke für deine Hilfe