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

Sofia Emelianova

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

افتح علامة التبويب "Properties" (الخصائص).

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

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

العثور على المواقع التي تملكها

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

العثور على مصدر خاصية مكتسَبة

تقيِّم علامة التبويب الخصائص أدوات الوصول إلى العناصر المضمّنة وتعرضها على الكائن على أنّها مكتسَبة وبخط عادي.

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

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

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

خصائص الفلتر

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

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

لا تعرض علامة التبويب السمات تلقائيًا السمات التي تحتوي على قيمتَي null وundefined.

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

فهم المواقع

تعرِض علامة التبويب العناصر > الخصائص مجموعة متنوعة من الخصائص.

السمات البسيطة

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

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

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

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

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

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

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

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

يتم اكتساب السمات المكتوبة بخط عادي من سلسلة النماذج الأولية. لعرضها لك، تقيِّم أدوات مطوّري البرامج أدوات الوصول ذات الصلة في عناصر HTML المضمّنة. تُرتّب أدوات المطوّر المواقع الخاصة أولاً لتسهيل العثور عليها.

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

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

الطُرق

يتم وضع علامة f () على الطرق.

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