Łatwe duplikowanie węzłów DOM

Zduplikowane węzły DOM

Zasadniczo są to operacje wycinania, kopiowania i wklejania.

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

  1. Kliknij prawym przyciskiem myszy węzeł i wybierz Kopiuj.
  2. Węzeł DOM możesz wkleić w edytorze kodu, a w przypadku prototypowania możesz go wkleić w dowolnym miejscu w drzewie DOM. Wklejony węzeł zostanie wstawiony jako podrzędny względem obecnie wybranego węzła. W filmie za pomocą klawisza strzałki w lewo przeskakuję do nadrzędnego tagu otwierającego i wklejam go tam (co zazwyczaj robię).

Możesz też wyciąć (kliknij prawym przyciskiem myszy > Wytnij, Cmd + x/Ctrl + x) węzeł DOM i wkleić, co spowoduje przeniesienie tego węzła.

Eksperyment: spróbuj dodać więcej linków w nagłówku/stopce witryny, korzystając z tej metody kopiowania i wklejania, i zastanów się, kiedy trzeba poprawić układ.