הצגת המאפיינים של אובייקטי DOM

Sofia Emelianova

משתמשים בחלונית רכיבים > מאפיינים כדי לעיין במאפיינים של אובייקטים מסוג DOM ולסנן אותם.

פתיחת החלונית Properties (מאפיינים)

כדי לפתוח את החלונית Properties, מבצעים את השלבים הבאים:

1. פותחים את כלי הפיתוח. כברירת מחדל, החלונית רכיבים נפתחת.
2. בעץ ה-DOM, בוחרים צומת.
3. פותחים את הכרטיסייה Properties (מאפיינים). אם הכרטיסייה לא מוצגת, לוחצים על עוד ובוחרים אותה מהתפריט הנפתח.

זהה נכסים משלך

החלונית מאפיינים ממיינת ומציגה את המאפיינים האישיים של האובייקט ראשונים ובגופן מודגש.

איתור המקור של נכס שעבר בירושה

בחלונית מאפיינים מתבצעת הערכה של רכיבי הגישה לפי רכיבים מובנים, ומציגה אותם באובייקט בירושה ובגופן רגיל.

כדי למצוא את המקור של נכס שעבר בירושה, מרחיבים אובייקט, לאחר מכן את [[Prototype]] שלו, לאחר מכן את השדה [[Prototype]] המקונן וכן הלאה.

בדוגמה הזו אפשר לאתר מאיפה הגיע הנכס size שעבר בירושה על ידי איתור הנכס המקורי (המודגש) בשרשרת האב טיפוס יחד עם המקבל התואם.

בנוסף, תכונות ספציפיות לאב טיפוס מוצגות רק על אבות טיפוס, ולא על אובייקטים. כך קל יותר לאבחן אובייקטים.

סינון המאפיינים

כדי למצוא נכס במהירות, מתחילים להקליד את השם או הערך שלו בתיבת הטקסט Filter.

הצגת כל המאפיינים

כברירת מחדל, בחלונית Properties לא מוצגים מאפיינים עם הערכים null ו-undefined.

כדי להציג את כל המלונות, מסמנים את האפשרות הצגת הכול.

הסבר על המאפיינים

בחלונית Elements > Properties (מאפיינים) מציגה מגוון מאפיינים.

נכסים פשוטים

מאפיינים פשוטים הם צמדים של <name>: <value>.

אובייקטים ומערכים

המאפיינים שניתנים לכיווץ () הם אובייקטים {} או מערכים [].

למידע נוסף על בדיקת אובייקטים של JavaScript, אפשר לעיין במאמר בדיקת מאפייני אובייקט.

מאפיינים שתואמים לצומתי DOM

מאפיינים שתואמים לצומתי DOM הם קישורים. לוחצים על קישור כדי לבחור את הצומת הרלוונטי בעץ ה-DOM.

נכסים בבעלות ובהעברה בירושה

מאפיינים בגופן מודגש הם בבעלות האובייקט. הם מוגדרים ישירות על האובייקט.

מאפיינים בגופן רגיל עוברים בירושה משרשרת אב הטיפוס. כדי להציג אותם, כלי הפיתוח מעריך את רכיבי הגישה הרלוונטיים על רכיבי HTML מובנים. כלי הפיתוח ממיינים קודם את המאפיינים כדי שיהיה קל יותר לזהות אותם.

מאפיינים שניתנים לספירה ומאפיינים שלא ניתנים לספירה

ניתן להזין מספר מאפיינים בהירים בצבע. מאפיינים שאינם ניתנים לספירה מושתקים. אפשר לחזור על המאפיינים המספורים באמצעות הלולאה for … in או השיטה Object.keys().

שיטות

השיטות מסומנות ב-f ().

מידע נוסף על פונקציות זמין במאמר בדיקת פונקציות דרך המסוף.