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