Dễ dàng sao chép các nút DOM

Các nút DOM trùng lặp

Về cơ bản, đây là các thao tác cắt/sao chép và dán.

Bạn có thể dễ dàng thay đổi DOM mà không phải chỉnh sửa HTML dưới dạng một chuỗi khổng lồ.

  1. Nhấp chuột phải vào một nút rồi chọn Sao chép.
  2. Bạn có thể dán vào trình soạn thảo mã hoặc để tạo nguyên mẫu, bạn có thể dán nút DOM ở nơi khác trong cây DOM. Nút đã dán được chèn làm phần tử con của nút hiện được chọn. Trong video này, tôi sử dụng phím mũi tên trái để chuyển đến ngay thẻ mở chính rồi dán vào đó (đây là cách tôi thường làm trong hầu hết các trường hợp).

Bạn cũng có thể Cắt (nhấp chuột phải > Cắt, Cmd + x/Ctrl + x) nút DOM và dán – thao tác này có tác dụng di chuyển nút.

Thử nghiệm: Hãy thử thêm nhiều đường liên kết trong đầu trang/chân trang của trang web bằng kỹ thuật sao chép và dán này, đồng thời tìm ra điểm nào mà bố cục cần được cải thiện.