Dupliquer facilement les nœuds DOM

Umar Hansa
Umar Hansa

Nœuds DOM en double

Il s'agit essentiellement d'opérations de couper/copier-coller.

Vous pouvez facilement modifier le DOM sans avoir à modifier le code HTML sous forme de chaîne géante.

  1. Effectuez un clic droit sur un nœud, puis sélectionnez Copy (Copier).
  2. Vous pouvez le coller dans votre éditeur de code ou, pour le prototypage, coller le nœud DOM ailleurs dans l'arborescence DOM. Le nœud collé est inséré en tant qu'enfant du nœud actuellement sélectionné. Dans la vidéo, j'utilise la flèche vers la gauche pour accéder directement au tag d'ouverture parent et le coller à cet endroit (ce que je fais dans la plupart des cas).

Vous pouvez également couper (clic droit > Couper, Cmd + x/Ctrl + x) un nœud DOM et coller, ce qui a pour effet de déplacer le nœud.

Test:essayez d'ajouter d'autres liens dans l'en-tête ou le pied de page d'un site à l'aide de cette technique de copier-coller, et déterminez à quel moment la mise en page doit être améliorée.