Einfaches Duplizieren von DOM-Knoten

Umar Hansa
Umar Hansa

Doppelte DOM-Knoten

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

Sie können das DOM problemlos ä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 den DOM-Knoten in Ihren Code-Editor oder zum Prototyping an anderer Stelle in der DOM-Baumstruktur einfügen. Der eingefügte Knoten wird als untergeordnetes Element des aktuell ausgewählten Knotens eingefügt. Im Video wechsle ich mit der Linkspfeiltaste zum unmittelbar übergeordneten öffnenden Tag und füge es dort ein (in den meisten Fällen).

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

Experimentieren: Versuchen Sie, mit dieser Kopier- und Einfügen-Technik weitere Links in der Kopf-/Fußzeile einer Website hinzuzufügen, und finden Sie heraus, an welcher Stelle das Layout verbessert werden muss.