Einfaches Duplizieren von DOM-Knoten

Umar Hansa
Umar Hansa

Doppelte DOM-Knoten

Im Grunde sind das Schneiden/Kopieren und Einfügen.

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

  1. Klicken Sie mit der rechten Maustaste auf einen Knoten und wählen Sie Kopieren aus.
  2. Sie können den Code in Ihren Code-Editor einfügen oder ihn für das Prototyping an einer anderen 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 übergeordneten öffnenden Tag und füge es dort ein. Das mache ich in den meisten Fällen.

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

Testen: Fügen Sie mithilfe dieser Kopier- und Einfügetechnik weitere Links in die Kopf- oder Fußzeile einer Website ein und ermitteln Sie, an welcher Stelle das Layout verbessert werden muss.