
ซึ่งโดยทั่วไปก็คือการตัด/คัดลอกและวาง
คุณเปลี่ยน DOM ได้ง่ายๆ โดยไม่ต้องแก้ไข HTML เป็นสตริงขนาดยักษ์
- คลิกขวาที่โหนดแล้วเลือกคัดลอก
- คุณสามารถวางโหนด DOM ที่อื่นในแผนผัง DOM สำหรับสร้างต้นแบบ โหนดที่วางจะถูกแทรกเป็นโหนดย่อยของโหนดที่เลือกในปัจจุบัน ในวิดีโอ ผมใช้ปุ่มลูกศรซ้ายเพื่อข้ามไปที่แท็กเปิดระดับบนสุดทันที แล้ววางไว้ที่นั่น (ซึ่งเป็นการดำเนินการในกรณีส่วนใหญ่)
นอกจากนี้คุณยังตัด (คลิกขวา > ตัด, Cmd + x/Ctrl + x) โหนด DOM แล้ววางได้ด้วย ซึ่งจะส่งผลในการย้ายโหนด
การทดสอบ: ลองเพิ่มลิงก์ในส่วนหัว/ส่วนท้ายของเว็บไซต์โดยใช้เทคนิคการคัดลอกและวางนี้ และดูว่าจุดใดต้องปรับปรุงเลย์เอาต์