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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

لوحة "العناصر" مفتوحة على علامة التبويب "الخصائص"

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

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

ALT_TEXT_HERE

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

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

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

تتبُّع سمة الحجم إلى دالة الحصول عليها في سلسلة النماذج الأولية

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

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

السمات الخاصة بالنموذج

خصائص الفلتر

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

تصفية

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

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

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

الخصائص ذات القيم الفارغة.

فهم المواقع

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

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

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

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

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

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

السمات التي تتوافق مع عقد DOM

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

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

السمات المكتوبة بخط عريض هي سمات الكائن. ويتم تحديدها مباشرةً على الجسم.

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

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

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

الطُرق

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

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