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

Umar Hansa

Nút DOM trùng lặp

Đây về cơ bản 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 cần 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 bản minh hoạ, bạn có thể dán nút DOM vào vị trí khác trong cây DOM. Nút đã dán được chèn dưới dạng nút con của nút hiện được chọn. Trong video, tôi sử dụng phím mũi tên trái để chuyển đến thẻ mở mẹ ngay lập tức và dán vào đó (đây là việc tôi 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) một nút DOM và dán – thao tác này sẽ có tác dụng di chuyển nút.

Thử nghiệm: Thử thêm các đường liên kết khác vào tiêu đề/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 hiểu xem bố cục cần cải thiện ở điểm nào.