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

Sofia Emelianova

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

เปิดแท็บที่พัก

หากต้องการเปิดแท็บพร็อพเพอร์ตี้ ให้ทำตามขั้นตอนต่อไปนี้

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

แสดงที่พักของตนเอง

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

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

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

หากต้องการค้นหาต้นทางของพร็อพเพอร์ตี้ที่รับค่ามา ให้ขยายออบเจ็กต์ จากนั้นขยาย [[Prototype]] ของออบเจ็กต์นั้น แล้วขยาย [[Prototype]] ที่ฝังอยู่ และอื่นๆ

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

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

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

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

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

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

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

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

แท็บองค์ประกอบ > พร็อพเพอร์ตี้จะแสดงพร็อพเพอร์ตี้ที่หลากหลาย

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

พร็อพเพอร์ตี้ทั่วไปคือคู่ของ <name>: <value>

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

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

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

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

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

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

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

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

พร็อพเพอร์ตี้ที่นับได้และนับไม่ได้

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

เมธอด

เมธอดจะมีเครื่องหมาย f ()

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