Einfaches Duplizieren von DOM-Knoten

Umar Hansa
Umar Hansa

Doppelte DOM-Knoten

Hierbei handelt es sich im Wesentlichen um Ausschneiden/Kopieren und Einfügen.

Sie können das DOM ganz einfach ändern, ohne den HTML-Code als riesige Zeichenfolge bearbeiten zu müssen.

  1. Klicken Sie mit der rechten Maustaste auf einen Knoten und wählen Sie Kopieren aus.
  2. Sie können ihn in Ihren Code-Editor einfügen oder für das Prototyping den DOM-Knoten an anderer Stelle im DOM-Baum einfügen. Der eingefügte Knoten wird als untergeordnetes Element des aktuell ausgewählten Knotens eingefügt. Im Video springe ich mit dem Linkspfeil zum öffnenden Tag des unmittelbar übergeordneten Elements und füge es dort ein. Das mache ich meistens auch.

Sie können einen DOM-Knoten auch ausschneiden (Rechtsklick > Ausschneiden, Cmd + x/Strg + x) und einen DOM-Knoten einfügen. Dadurch wird der Knoten verschoben.

Test:Fügen Sie mit dieser Technik zum Kopieren und Einfügen weitere Links in die Kopf-/Fußzeile einer Website ein und finden Sie heraus, an welcher Stelle das Layout verbessert werden muss.