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