Duplicare facilmente i nodi DOM

Umar Hansa
Umar Hansa

Nodi DOM duplicati

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

Il DOM può essere modificato facilmente senza dover modificare l'HTML come una stringa gigante.

  1. Fai clic con il tasto destro del mouse su un nodo e seleziona Copia.
  2. Puoi incollare il tuo editor di codice oppure, per la prototipazione, puoi incollare il nodo DOM altrove nell'albero DOM. Il nodo incollato viene inserito come figlio del nodo attualmente selezionato. Nel video, uso il tasto Freccia sinistra per passare al tag di apertura principale diretto e incollo lì (che è quello che 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, con l'effetto di spostare il nodo.

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