Duplicare facilmente i nodi DOM

Umar Hansa
Umar Hansa

Nodi DOM duplicati

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

È possibile modificare facilmente il DOM senza dover modificare il codice HTML sotto forma di stringa gigante.

  1. Fai clic con il tasto destro del mouse su un nodo e seleziona Copia.
  2. Puoi incollare nell'editor di codice oppure, per la prototipazione, puoi incollare il nodo DOM altrove nell'albero DOM. Il nodo incollato viene inserito come nodo secondario del nodo attualmente selezionato. Nel video, utilizzo il tasto freccia sinistra per passare al tag di apertura principale e incollarlo (come nella maggior parte dei casi).

Puoi anche tagliare (fai clic con il pulsante destro del mouse > Taglia, Cmd + x/Ctrl + x) un nodo DOM e incollare: questa operazione ha l'effetto di spostare il nodo.

Sperimenta:prova ad aggiungere più link nell'intestazione o nel piè di pagina di un sito utilizzando questa tecnica di copia e incolla e individua in quale punto è necessario migliorare il layout.