Dupliquer facilement les nœuds DOM

Umar Hansa

Nœuds DOM en double

Il s'agit essentiellement d'opérations de découpage/copie et de collage.

Vous pouvez facilement modifier le DOM sans avoir à modifier le code HTML en tant que chaîne géante.

  1. Effectuez un clic droit sur un nœud, puis sélectionnez Copier.
  2. Vous pouvez coller le code dans votre éditeur de code. Pour le prototypage, vous pouvez également 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 touche fléchée vers la gauche pour accéder à la balise d'ouverture parente immédiate et la 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 le coller, ce qui a pour effet de le déplacer.

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