Eventlistener für automatisch generierten Inhalt

[jesterhead]

Wie probiere da schon ne ganze Weile rum, aber ich kapier nicht, wie man einen Eventlistener an mit JavaScript generierten Inhalt anhängen kann. (Das Automatische möchte ich aber auf jeden Fall drinlassen, weil ich immer nur einzelne Bilder austauschen will und sich die Anzahl der Bilder erheblich verändern kann.)

//Javascript-Code

window.onload = construct;

var bilder = ["01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg", "06.jpg"];

function construct(){

    var vater_bild = document.getElementById("frame");
   
    for(var i = 0; i < bilder.length; i++){
        bild = document.createElement("div");
        bild.setAttribute("class", "bild");
        bild.setAttribute("id", "no" + i);
        vater_bild.appendChild(bild);
       
        document.getElementById("no" + i).innerHTML = "<img src='" + bilder[i] + "' width='120px' height='160px' alt='Bild" + i + "'>"
   
        }

}

An jedes bild-Element will ich jetzt automatisch einen Listener anhängen. Freue mich über Hilfe oder Vorschläge für andere Herangehensweisen.!

 

[Tronjer]

Du hängst keinen Eevenlistener an einzelne Elemente, sondern rufst diesen auf eine bestimmte Auswahl auf.

Wenn dein JS so etwas generiert:

<div class="bild" id="no0"><img src="01.jpg" /></div>

Dann könntest du dem Eventlistener z.B. die Klasse .bild oder das <img>-Attribut übergeben.

jQuery

$('body').on('click', 'img', function() {
  // .....
})

http://api.jquery.com/on/