Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
mehrere Frage zu meiner Webseite
#15
(20.01.2023, 16:00)rzscout schrieb:
Code:
fieldk = document.createElement('td');
fieldk.className = 'fieldk';
btn = document.createElement("button");
btn.textContent = 'löschen';
btn.classList.add('btn-rmv');
line.appendChild(fieldk);
fieldk.appendChild(btn);

document.querySelectorAll('.btn-rmv').forEach(function(item) {
    item.addEventListener('click', () => {
        alert('test');
    });
});

Du solltest erst 'fieldk' via 'appendchild' hinzufügen dann 'btn'. Verwende auch bitte die Javascript-Methode 'textContent' statt 'innerHTML'. Du solltest die Button insgesamt mit einer Klasse austatten. In dem Oberen Beispiel bekommen die Button die CSS-Klasse 'btn-rmv'. Diese kannst du dann in Javascript selektieren via 'querySelectorAll'. Damit werden alle Elemente mit der angegebenen Klasse selektiert. Als letztes verwende ich hier die Javascript-Methode 'forEach'.  Die 'forEach'-Schleife geht jedes Element aus der Selektion einzelnd an. mit 'item' spreche ich das aktuelle Element an und gebe dem Element einen EvenListener für den Event 'click'. Dieser löst eine Javascript-Methode 'alert' aus.

 Hallo, habe Deine 'forEach' Schleife ausprobiert :-( leider gibt es ein paar komplikationen mit der Schleife.

 1.) der Aufbau der Tabelle dauert länger -> millisec. ?
 2.) Button ausgelöst -> Alert wird angezeigt -> quittiert mit ok -> erneut wird das Alertfenster angezeigt -> endlosschleife

 mehr kann ich leider zurzeit nicht sagen.
Zitieren


Nachrichten in diesem Thema
mehrere Frage zu meiner Webseite - von black79 - 14.01.2023, 10:44
RE: mehrere Frage zu meiner Webseite - von black79 - 21.01.2023, 10:59

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste