השתמשו ברכיבים > מאפיינים כדי לעיין במאפיינים של אובייקטי DOM ולסנן אותם.
פתיחת הכרטיסייה 'נכסים'
כדי לפתוח את הכרטיסייה נכסים, פועלים לפי השלבים הבאים:
- פותחים את כלי הפיתוח. החלונית Elements נפתחת כברירת מחדל.
- בעץ ה-DOM, בוחרים צומת.
- פותחים את הכרטיסייה מאפיינים. אם הכרטיסייה לא מוצגת, לוחצים על עוד ובוחרים אותה מהתפריט הנפתח.
איתור נכסים בבעלותכם
בכרטיסייה Properties (מאפיינים) ממיינת ומציגה את המאפיינים שלו של האובייקט תחילה ובגופן מודגש.
איך מוצאים את המקור של מאפיין שעובר בירושה
בכרטיסייה Properties מתבצעת הערכה של פונקציות הגישה (accessors) ברכיבים מובנים, והן מוצגות באובייקט כירושה ובגופן רגיל.
כדי למצוא את המקור של נכס שעובר בירושה, מרחיבים אובייקט, ואז את ה-[[Prototype]] שלו, ואז את ה-[[Prototype]] המוטמע, וכן הלאה.
בדוגמה הזו, אפשר לבדוק מאיפה הגיע המאפיין size שעובר בירושה על ידי איתור המאפיין המקורי (מודגש) בשרשרת האב-טיפוס יחד עם ה-getter התואם.
בנוסף, מאפיינים ספציפיים לאב-טיפוס מוצגים רק באבי-טיפוס, ולא באובייקטים. כך קל יותר לאבחן אובייקטים.
סינון המאפיינים
כדי למצוא מאפיין במהירות, מתחילים להקליד את השם או את הערך שלו בתיבת הקלט מסנן.
הצגת כל הנכסים
כברירת מחדל, בכרטיסייה נכסים לא מוצגים נכסים עם ערכי null ו-undefined.
כדי לראות את כל המלונות, מסמנים את התיבה הצגת הכול.
הסבר על מאפיינים
בכרטיסייה Elements (רכיבים) > Properties (מאפיינים) מוצגים מגוון מאפיינים.
מאפיינים פשוטים
נכסים פשוטים הם זוגות של <name>: <value>.
אובייקטים ומערכים
מאפיינים שאפשר לכווץ ( הם אובייקטים {} או מערכים [].
למידע נוסף על בדיקת אובייקטים של JavaScript, ראו בדיקת מאפייני אובייקטים.
מאפיינים שתואמים לצומתי DOM
מאפיינים שתואמים לצומתי DOM הם קישורים. לוחצים על קישור כדי לבחור את הצומת הרלוונטי בעץ ה-DOM.
נכסים בבעלות ובנכסים שעברו בירושה
מאפיינים בגופן מודגש הם בבעלות האובייקט. הן מוגדרות ישירות על האובייקט.
מאפיינים בגופן רגיל עוברים בירושה משרשרת אב הטיפוס. כדי להציג אותם, כלי הפיתוח מעריכים את רכיבי הגישה הרלוונטיים לפי רכיבי HTML מובנים.
כלי הפיתוח ממיינים קודם את הנכסים הדיגיטליים כדי שיהיה קל יותר לזהות אותם.
מאפיינים שניתן למנות ומאפיינים שלא ניתן למנות
מאפיינים שאפשר למנות מופיעים בצבע בהיר. מאפיינים שלא ניתנים לספירה מושבתים.
אפשר לבצע איטרציה לתכונות המספורות באמצעות הלולאה for … in או השיטה Object.keys().
שיטות
שיטות מסומנות ב-f ().
מידע נוסף על פונקציות זמין בקטע בדיקת פונקציות דרך המסוף.