عرض خصائص كائنات DOM

Sofia Emelianova

يمكنك استخدام لوحة العناصر > الخصائص لتصفّح خصائص عناصر DOM وفلترتها.

فتح جزء "الخصائص"

لفتح لوحة الخصائص، اتبع الخطوات التالية:

1. افتح "أدوات مطوري البرامج". تفتح لوحة العناصر تلقائيًا.
2. في شجرة نموذج العناصر في المستند، اختَر عقدة.
3. افتح علامة التبويب الخصائص. إذا لم تظهر لك علامة التبويب، انقر على المزيد ، ثمّ اختَرها من القائمة المنسدلة.

المواقع الخاصة بالحملات المعروضة

في لوحة الخصائص، يتم ترتيب الخصائص الخاصة للكائن وعرضها بخط غامق.

البحث عن أصل موقع مُكتسَب

يقيّم جزء الخصائص الموصّلات في العناصر المضمنة ويعرضها على العنصر على أنها مكتسبة وبخط عادي.

للعثور على أصل خاصية مُكتسَبة، وسِّع عنصر، ثم [[Prototype]]، ثم [[Prototype]] المُدمج، وما إلى ذلك.

في هذا المثال، يمكنك تتبُّع مصدر السمة size المكتسَبة من خلال تحديد موقع السمة الأصلية (الخط العريض) في سلسلة النموذج الأولي مع دالة getter المقابلة لها.

بالإضافة إلى ذلك، يتم عرض الخصائص الخاصة بالنموذج الأوّلي فقط على النماذج الأولية، وليس على الكائنات. وهذا يجعل من السهل تشخيص الكائنات.

خصائص الفلتر

للعثور على خاصية بسرعة، ابدأ بكتابة اسمها أو قيمتها في مربّع النص الفلتر.

عرض جميع المواقع

لا يعرض جزء الخصائص تلقائيًا المواقع التي تحتوي على القيمتين null وundefined.

للاطّلاع على جميع المواقع، ضَع علامة في المربّع عرض الكل.

فهم المواقع

يعرض جزء العناصر > الخصائص مجموعة متنوعة من المواقع.

الخصائص البسيطة

السمات البسيطة هي أزواج من <name>: <value>.

الكائنات والصفائف

السمات القابلة للتصغير () هي عناصر {} أو مصفوفات [].

لمزيد من المعلومات حول فحص كائنات JavaScript، يُرجى الاطّلاع على مقالة فحص خصائص العناصر.

الخصائص التي تتوافق مع عُقد DOM

الخصائص التي تتوافق مع عُقد DOM هي روابط. انقر على أحد الروابط لاختيار العقدة ذات الصلة في شجرة DOM.

المواقع المملوكة والمكتسَبة

الخصائص المكتوبة بخط غامق ملكية خاصة بالكائن. ويتم تحديدها مباشرةً في الكائن.

يتم اكتساب الخصائص ذات الخط العادي من سلسلة النموذج الأولي. لعرض هذه الأدوات عليك، تقيّم أدوات مطوّري البرامج الموصّلات ذات الصلة بناءً على عناصر HTML المدمَجة. يرتّب "أدوات مطوري البرامج" المواقع الإلكترونية الخاصة بك أولاً لتسهيل العثور عليها.

خصائص التعداد وغير القابلة للعد

الخصائص حسابية تكون زاهية الألوان. يتم تجاهل الخصائص التي لا يمكن تعدادها. يمكنك التكرار في الخصائص القابلة للتعداد باستخدام التكرار الحلقي for … in أو الإجراء Object.keys().

الطُرق

تظهر علامة f () على الطرق.

لمزيد من المعلومات حول الدوال، يمكنك الاطّلاع على فحص الدوال من خلال وحدة التحكّم.