Łatwe duplikowanie węzłów DOM

Zduplikowane węzły DOM

Są to operacje wycinania, kopiowania i wklejania.

Możesz łatwo zmienić DOM bez konieczności edytowania kodu HTML jako gigantycznego 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 jeśli chcesz utworzyć prototyp, możesz wkleić go w innym miejscu drzewa DOM. Wklejony węzeł zostanie wstawiony jako węzeł podrzędny obecnie wybranego węzła. W filmie używam klawisza strzałki w lewo, aby przeskoczyć bezpośrednio do tagu otwierającego element nadrzędny i tam go wkleić (tak w większości przypadków).

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

Eksperyment: spróbuj dodać więcej linków w nagłówku i stopce witryny, korzystając z metody kopiowania i wklejania, aby dowiedzieć się, w którym momencie układ wymaga ulepszenia.