Łatwe duplikowanie węzłów DOM

Zduplikowane węzły DOM

Są to głównie operacje wycinania, kopiowania i wklejania.

Możesz łatwo zmienić DOM bez konieczności edytowania kodu HTML jako ogromnego ciągu znaków.

  1. Kliknij węzeł prawym przyciskiem myszy i wybierz Kopiuj.
  2. Możesz go wkleić w edytorze kodu lub, w celu prototypowania, wkleić w innym miejscu w drzewie DOM. Wklejony węzeł jest wstawiany jako węzeł podrzędny względem aktualnie wybranego węzła. W filmie używam lewej strzałki, aby przejść do nadrzędnego tagu otwierającego i tam wkleić tekst (tak robię w większości przypadków).

Możesz też wyciąć (kliknąć prawym przyciskiem myszy > Wytnij, Cmd + X/Ctrl + X) węzeł DOM i wkleić – spowoduje to przeniesienie węzła.

Eksperyment: spróbuj dodać więcej linków w nagłówku lub stopce witryny, używając tej metody kopiowania i wklejania, i ustal, w jakim miejscu układ wymaga ulepszenia.