Bild einfügen in einer Tabelle

  • Mit

    document.getElementById('bl' +zw[1]).style.backgroundColor = "red";


    gestalte ich die Hintergrundfarbe eines Tabellen Elements. Jetzt möchte ich aber Bilder einfügen. ich versuche es mit


    document.getElementById('bl' +zw[1]).src ="augeGruen.gif";


    Das klappt nicht. Es passiert nichts.


    MfG


    jochen

  • Danke funktioniert . Ich habe 20 bilder, die ich indiziert habe von Bild1 bis bild 20 .


    wenn ich jetzt schreibe


    var z=('img' + (i+1));


    document.getElementById('bl' +zw[i]).appendChild(z);


    bekomme ich die Fehlermeldung


    TypeError: Argument 1 of Node.appendChild is not an object.

  • Zitat

    Ich habe 20 bilder, die ich indiziert habe von Bild1 bis bild 20

    Wie meinst Du das? Lauten die Dateinamen "bild1.jpg", "bild2.jpg", ...?

    Oder hast Du Objekte angelegt:

    var img1 = new Image();

    img1.src = "bild1.jpg";

    var img2 = new Image();

    img2.src = "bild2.jpg";

    usw.?

  • Ja, die Objekte wie gezeigt angelegt.


    Wenn ich schreibe:


    document.getElementById('bl' +zw[i]).appendChild(img1) zum Beispiel,


    dann funktioniert es auch. Nur dann nicht, wenn ich es mit ('img' + (i+1)) zusammenbaue, dann kommt die fehlermeldung

  • Das ließe sich mit eval() machen, aber ich empfehle eher, die Image-Objekte in einem Objekt abzulegen:

    Code
    var images = {};
    images.img1 = new Image();
    images.img1.src = "bild1.jpg";
    images.img2 = new Image();
    images.img2.src = "bild2.jpg";

    Dann kannst Du sie so ansprechen:

    Code
    document.getElementById('bl' +zw[i]).appendChild(images['img' + (i+1)]);

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!