Hallo ihr Lieben!
Ich habe eine Frage bezüglich eines HTML Programms in Verbindung mit einem JavaScript Event. In der HTML Datei ist bereits eine leere Tabelle vordefiniert. In diese soll ich nun die Daten eines bestimmten Elements (einer Visitenkarte) eines Arrays einfügen. Die Auswahl des Element aus dem Array funktioniert, allerdings erschließt sich mir nicht, wie ich es schaffe, die entsprechenden Werte des Elements in die HTML Tabelle zu kopieren? Ich soll dafür eine Funktion der Elementenklasse benutzen.
Diese Programmteile habe ich bereits in der html datei:
let domObjArr = document.getElementsByClassName('Visitenkarte');
for(let i=0; i < domObjArr.length; i++)
domObjArr[i].addEventListener('click', function(){
domObjArr[i].showVisitenkarte();
});
und diesen in der Klasse Visitenkarte:
showVisitenkarte() {
let str= '';
str = str + document.getElementByID("die jeweilige ID").innerHTML = this.name;
str = str + document.getElementByID("die jeweilige ID").innerHTML = this.adresse;
str = str + document.getElementByID("die jeweilige ID").innerHTML = this.telefonnr;
return str;
}
Leider funktioniert diese Idee nicht. Könnte mir jemand einen anderen Hinweis geben?
Liebe Grüße!!