Duplicare facilmente i nodi DOM

Umar Hansa
Umar Hansa

Nodi DOM duplicati

Si tratta essenzialmente di operazioni di taglio/copia e incolla.

Puoi modificare facilmente il DOM senza dover modificare il codice HTML come una stringa gigante.

  1. Fai clic con il tasto destro del mouse su un nodo e seleziona Copia.
  2. Puoi incollare il codice nell'editor di codice oppure, per la prototipazione, puoi incollare il nodo DOM in un altro punto della struttura DOM. Il nodo incollato viene inserito come elemento secondario del nodo attualmente selezionato. Nel video, utilizzo il tasto Freccia sinistra per passare al tag di apertura principale immediato e incollare lì (come faccio nella maggior parte dei casi).

Puoi anche tagliare (clic con il tasto destro del mouse > Taglia, Cmd + x/Ctrl + x) un nodo DOM e incollarlo, il che ha l'effetto di spostare il nodo.

Esperimento: prova ad aggiungere altri link nell'intestazione/nel piè di pagina di un sito utilizzando questa tecnica di copia e incolla e scopri a che punto il layout deve essere migliorato.