ดูพร็อพเพอร์ตี้ของออบเจ็กต์ DOM

Sofia Emelianova

ใช้แผงองค์ประกอบ > คุณสมบัติเพื่อเรียกดูและกรองพร็อพเพอร์ตี้ของออบเจ็กต์ DOM

เปิดแผงคุณสมบัติ

หากต้องการเปิดแผงคุณสมบัติ ให้ทำตามขั้นตอนต่อไปนี้

1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ โดยค่าเริ่มต้น แผงองค์ประกอบจะเปิดขึ้น
2. ในแผนผัง DOM ให้เลือกโหนด
3. เปิดแท็บพร็อพเพอร์ตี้ หากไม่เห็นแท็บ ให้คลิกเพิ่มเติม แล้วเลือกแท็บจากเมนูแบบเลื่อนลง

พร็อพเพอร์ตี้ของตนเองของสปอต

แผงคุณสมบัติจะจัดเรียงและแสดงคุณสมบัติของตัวเองของออบเจ็กต์ก่อน โดยใช้แบบอักษรตัวหนา

ค้นหาต้นทางของพร็อพเพอร์ตี้ที่รับช่วงมา

แผงคุณสมบัติจะประเมินตัวเข้าถึงในองค์ประกอบในตัวและแสดงในออบเจ็กต์เป็นแบบรับค่าเดิมและเป็นแบบอักษรปกติ

หากต้องการค้นหาต้นทางของพร็อพเพอร์ตี้ที่รับช่วงมา ให้ขยายออบเจ็กต์ จากนั้นขยาย [[Prototype]] แล้วตามด้วย [[Prototype]] ที่ฝังไว้ เป็นต้น

ในตัวอย่างนี้ คุณสามารถติดตามที่มาของพร็อพเพอร์ตี้ size ที่รับช่วงมาได้โดยค้นหาพร็อพเพอร์ตี้เดิม (ตัวหนา) ในเชนต้นแบบร่วมกับ Getter ที่สอดคล้องกัน

นอกจากนี้ คุณสมบัติเฉพาะของต้นแบบจะแสดงเฉพาะบนต้นแบบเท่านั้น และจะไม่แสดงในวัตถุ ซึ่งจะช่วยให้วินิจฉัยออบเจ็กต์ได้ง่ายขึ้น

กรองพร็อพเพอร์ตี้

หากต้องการค้นหาพร็อพเพอร์ตี้อย่างรวดเร็ว ให้เริ่มพิมพ์ชื่อหรือค่าในช่องข้อความตัวกรอง

แสดงที่พักทั้งหมด

โดยค่าเริ่มต้น แผงคุณสมบัติจะไม่แสดงพร็อพเพอร์ตี้ที่มีค่า null และ undefined

หากต้องการดูพร็อพเพอร์ตี้ทั้งหมด ให้เลือกแสดงทั้งหมด

ทําความเข้าใจพร็อพเพอร์ตี้

แผงองค์ประกอบ > คุณสมบัติจะแสดงคุณสมบัติที่หลากหลาย

พร็อพเพอร์ตี้แบบง่าย

พร็อพเพอร์ตี้แบบง่ายเป็นคู่ของ <name>: <value>

ออบเจ็กต์และอาร์เรย์

พร็อพเพอร์ตี้ที่ยุบได้ () คือออบเจ็กต์ {} หรืออาร์เรย์ []

ดูข้อมูลเพิ่มเติมเกี่ยวกับการตรวจสอบออบเจ็กต์ JavaScript ได้ที่ตรวจสอบคุณสมบัติของออบเจ็กต์

พร็อพเพอร์ตี้ที่สอดคล้องกับโหนด DOM

พร็อพเพอร์ตี้ที่สอดคล้องกับโหนด DOM คือลิงก์ คลิกลิงก์เพื่อเลือกโหนดที่เกี่ยวข้องในแผนผัง DOM

พร็อพเพอร์ตี้ของตัวเองและที่รับช่วงมา

พร็อพเพอร์ตี้ที่ใช้แบบอักษรตัวหนาเป็นของวัตถุ มีคำจำกัดความโดยตรงในออบเจ็กต์

คุณสมบัติของแบบอักษรปกติจะได้รับมาจากสายต้นแบบ เครื่องมือสำหรับนักพัฒนาเว็บจะประเมินเครื่องมือเข้าถึงที่เกี่ยวข้องในองค์ประกอบ HTML ในตัวเพื่อแสดงส่วนขยายดังกล่าว เครื่องมือสำหรับนักพัฒนาเว็บจะจัดเรียงพร็อพเพอร์ตี้ของตนเองก่อนเพื่อให้สังเกตเห็นได้ง่ายขึ้น

พร็อพเพอร์ตี้ที่แจกแจงไม่ได้และแจกแจงไม่ได้

คุณสมบัติที่แจกแจงไม่ได้เป็นสีที่สว่าง ระบบจะปิดเสียงพร็อพเพอร์ตี้ที่แจกแจงไม่ได้ คุณสามารถทำซ้ำพร็อพเพอร์ตี้ที่แจกแจงได้ด้วยการใช้ลูป for … in หรือเมธอด Object.keys()

วิธีการ

เมธอดจะมีเครื่องหมาย f () กำกับไว้

ดูข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชันต่างๆ ได้ที่ตรวจสอบฟังก์ชันผ่านคอนโซล