Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
mehrere Frage zu meiner Webseite
#14
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.
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" Angel
Zitieren


Nachrichten in diesem Thema
mehrere Frage zu meiner Webseite - von black79 - 14.01.2023, 10:44
RE: mehrere Frage zu meiner Webseite - von rzscout - 20.01.2023, 16:00

Gehe zu:


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