Gabi: Eventlistener is not a Function

Hallo,

Frage: ich hole mir Elemente via getElementsByClassName, iteriere über diese und bekomme sogleich mitgeteilt, Element.addEventListener wäre keine Funktion. Warum?

let Elemente = document.getElementsByClassName("Elemente");
[...Elemente].forEach(Element => {
	Element.addEventListener("click", funkClick);
});
  1. Hi,

    Frage: ich hole mir Elemente via getElementsByClassName, iteriere über diese und bekomme sogleich mitgeteilt, Element.addEventListener wäre keine Funktion. Warum?

    Wie lautet die Fehlermeldung genau?

    let Elemente = document.getElementsByClassName("Elemente");
    [...Elemente].forEach(Element => {
    	Element.addEventListener("click", funkClick);
    });
    

    Was ist funkClick?

    cu,
    Andreas a/k/a MudGuard

    1. Hallo,

      Fehlermeldung ist ein TypeError => Uncaught TypeError: Element.addEventlistener is not a function

      ...liegt nicht an der aufgerufenen Funktion funkClick, habe da mittlerweile schon ein wenig herumprobiert und in funkClick alles auskommentiert und nur mehr ein console.log() stehen.

      Es scheint auch bei Objekten wie z.B. IMGs tadellos zu funktionieren, nur bei DIVs bockt es.

      Ich habe auch mit IDs getestet, alles sehr komisch.

      Als One-liner

      document.getElementById("ElementID").addEventListener("click", funkClick);
      

      funktioniert's, als Variable

      let ElementID = document.getElementById("ElementID");
      ElementID.addEventlistener("click", funkClick);
      
      /*
      
      Uncaught TypeError: Element.addEventlistener is not a function
      
      */
      
      
      

      nicht.

      1. addEventListener()

        Achte auf s/l/L/

        1. MEINE GÜTE

          💥👿💢😤💨⛈️🤬🔥 ❗❗❗

          Dank dir für diesen Hinweis 😅

      2. @@Gabi

        Es scheint auch bei Objekten wie z.B. IMGs tadellos zu funktionieren, nur bei DIVs bockt es.

        divs kann man nicht anclicken. imgs auch nicht.

        Merke: Niemals nicht-interaktive Elemente als Target von Click-Events verwenden!

        Verwende buttons!

        🖖 Stay hard! Stay hungry! Stay alive! Stay home!

        --
        Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (@Grantscheam)