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

Umar Hansa

โดยพื้นฐานแล้ว การดำเนินการเหล่านี้คือการตัด/คัดลอกและวาง

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

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

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

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