per CSS oder javascript automatisch Code an div anhängen

[Orlok]

Hallo Marvin

Da die am Ende genutzte Funktion bereits existiert und in einer eigenen JS-Funktionen-Bibliothek ausgelagert ist, werde ich dann, wie empfohlen

image.addEventListener('click', test);

nutzen.

Das wäre schlecht. Der Inhalt dieses Beitrags stellt nur einen Teil dessen dar, was hier im Thread als Empfehlung herausgelesen werden kann. Sprich es ging mir hier in erster Linie nur darum dir zu zeigen, wie du das mit der Ereignisbehandlung besser machen kannst.

Wie Gunnar in diesem Beitrag erklärt hat ist es jedoch keine gute Idee, überhaupt einen Eventhandler für das Image-Element zu registrieren, und das ist der andere und wichtigere Teil der Empfehlung, den du berücksichtigen solltest!

Wenn wir also mal annehmen, dass eine andere Aktion ausgelöst werden soll als der Sprung zu einer anderen Ressource oder einer anderen Stelle im selben Dokument – für den ein Link völlig ausreichend wäre, dann wäre wie Gunnar sagte das Image-Element in einen Button zu packen und für diesen Button ein Eventhandler zu registrieren.

button.addEventListener('click', handler);

Die Funktion handler würde dann nicht nur bei einem Klick auf den Button selbst, sondern auch bei einem Klick auf dessen Kindelement, also das Image-Element, aufgerufen, und das Ganze wäre obendrein mit der Tastatur bedienbar. – Und somit für manche Benutzergruppen überhaupt erst zugänglich.

Also bitte denk noch einmal darüber nach, was hier für dich die beste Vorgehensweise ist.

Viele Grüße,

Orlok