Manipulation von JavaScript-Tabellen

Ich habe eine Tabelle mit einer Spalte und ungefähr zehn Zeilen. Die erste Spalte enthält Zeilen mit Text als Zeilenkopf "Kopf 1", "Kopf 2". Die zweite Spalte enthält Felder, in die der Benutzer Daten eingeben kann (Textfelder undKontrollkästchen).

Ich möchte oben einen Button mit der Aufschrift "Neue hinzufügen...", und lassen Sie es eine dritte Spalte mit denselben Feldern wie in der ersten Spalte erstellen. Wenn der Benutzer erneut darauf klickt, wird eine weitere leere Spalte mit Feldern erstellt (wie in der zweiten Spalte).

Kennt jemand einen effektiven Weg, um das DOM zu manipulieren, um dies zu erreichen?

Ich experimentiere mitdivundTABLES aber ich bin an meinem dritten tag dabei und es fühlt sich schwieriger an, als es sein sollte.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage