Duplikasi node DOM dengan mudah

Node DOM duplikat

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

Anda dapat dengan mudah mengubah DOM tanpa harus mengedit HTML sebagai string besar.

  1. Klik kanan node, lalu pilih Salin.
  2. Anda dapat menempelkan di editor kode, atau untuk membuat prototipe, Anda dapat 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 langsung membuka tag pembuka induk dan menempelkannya di sana (yang biasanya saya lakukan).

Anda juga dapat Memotong (klik kanan > Memotong, Cmd + x/Ctrl + x) node DOM dan menempelkannya - yang akan memindahkan node.

Eksperimen: Coba tambahkan lebih banyak link di header/footer situs menggunakan teknik salin dan tempel ini, lalu cari tahu bagian mana yang perlu ditingkatkan tata letaknya.