Duplikasi node DOM dengan mudah

Node DOM duplikat

Pada dasarnya, ini adalah operasi potong/salin dan tempel.

Anda bisa dengan mudah mengubah DOM tanpa harus mengedit HTML sebagai string raksasa.

  1. Klik kanan node, lalu pilih Copy.
  2. Anda bisa menempelkannya di editor kode, atau untuk membuat prototipe, Anda bisa menempelkan node DOM di tempat lain dalam hierarki DOM. Node yang ditempelkan disisipkan sebagai turunan dari node yang saat ini dipilih. Dalam video, saya menggunakan tombol panah kiri untuk melompat ke tag pembuka induk langsung dan menempelkannya di sana (yang biasanya saya lakukan).

Anda juga dapat memotong (klik kanan > Potong, Cmd + x/Ctrl + x) simpul DOM, lalu tempelkan - yang memiliki efek memindahkan node.

Eksperimen: Coba tambahkan lebih banyak link di header/footer situs menggunakan teknik salin dan tempel ini, serta cari tahu pada titik mana tata letak perlu ditingkatkan.