javascript const in html ausgeben?
Hallo,
untenstehender Code wartet auf ein clickevent in meiner Tabelle und speichert dann die value des geklickten buttons in const dialogId. Das ganze möchte ich dann gerne in html ausgeben. Kann mir jemand helfen?
const table = document.querySelector('#meineTabelle');
table.addEventListener('click', event => {
if (event.target.matches('.dialog-open')) {
const dialogId = "Hello there";
dialogOeffnen(dialogId);
}
});
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, JavaScript
Bringe erst einmal das Element in Erfahrung, in dem der Text landen soll. Wenn es sich stets um dasselbe Element im Dokument handelt, wäre es günstig, es gleich von Anfang zu suchen. Wenn es sich innerhalb der Tabelle befindet, kannst du den Suchradius auf diese einschränken.
Beispiel:
const outputElement = table.querySelector("selector for output element ...");
outputElement.textContent = dialogId;
Deine Abfrage könntest du übrigens sicherlich optimieren, indem du direkt in die classList schaust, statt matches zu verwenden.
if (event.target.classList.contains("dialog-open")) {