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.
- Kliknij prawym przyciskiem myszy węzeł i wybierz Kopiuj.
- 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.