ทำซ้ำโหนด DOM ได้ง่าย

โหนด DOM ซ้ำกัน

ซึ่งโดยทั่วไปก็คือการตัด/คัดลอกและวาง

คุณเปลี่ยน DOM ได้ง่ายๆ โดยไม่ต้องแก้ไข HTML เป็นสตริงขนาดยักษ์

  1. คลิกขวาที่โหนดแล้วเลือกคัดลอก
  2. คุณสามารถวางโหนด DOM ที่อื่นในแผนผัง DOM สำหรับสร้างต้นแบบ โหนดที่วางจะถูกแทรกเป็นโหนดย่อยของโหนดที่เลือกในปัจจุบัน ในวิดีโอ ผมใช้ปุ่มลูกศรซ้ายเพื่อข้ามไปที่แท็กเปิดระดับบนสุดทันที แล้ววางไว้ที่นั่น (ซึ่งเป็นการดำเนินการในกรณีส่วนใหญ่)

นอกจากนี้คุณยังตัด (คลิกขวา > ตัด, Cmd + x/Ctrl + x) โหนด DOM แล้ววางได้ด้วย ซึ่งจะส่งผลในการย้ายโหนด

การทดสอบ: ลองเพิ่มลิงก์ในส่วนหัว/ส่วนท้ายของเว็บไซต์โดยใช้เทคนิคการคัดลอกและวางนี้ และดูว่าจุดใดต้องปรับปรุงเลย์เอาต์