Dupliquer facilement les nœuds DOM

Nœuds DOM en double

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

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

  1. Effectuez un clic droit sur un nœud et sélectionnez 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 au tag d'ouverture du parent immédiatement et y coller (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 des liens dans l'en-tête/le pied de page de votre site en utilisant cette technique de copier-coller, puis déterminez à quel moment la mise en page doit être améliorée.