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

อูมาร์ ฮันซา
อูมาร์ ฮันซา

โหนด DOM ซ้ำ

ซึ่งหลักๆ แล้วคือการตัด/คัดลอกและวาง

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

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

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

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