أهم الكائنات الخاصة بالتعامل مع Nodes في لغة جافاسكريبت

اقرأ في هذا المقال


أهم الكائنات الخاصة بالتعامل مع ال Nodes في لغة جافا سكريبت

هناك العديد من الكائنات الخاصة بالتعامل مع ال (Nodes) في لغة البرمجة جافا سكريبت (JavaScript)، والتي تقوم بتنفيذ العديد من المهام والتي بدورها تسهل عمل مستخدمي هذه اللغة، وفيما يلي قائمة بأهم هذه الكائنات:

  • الكائن (node Type): يستخدم هذا الكائن حتى يعيد نوع العنصر المحدد، حيث أن معرفة نوع العنصر أمر مهم جداً لمعرفة كيفية التعامل معه وأي دوال يمكن استخدامها معه، ويعيد هذا الكائن مجموعة من الأرقام حيث أن كل رقم يشير إلى نوع معين.
  • الكائن (node Value): يستخدم هذا الكائن لجلب قيمة العنصر المحدد بحيث إذا كان العنصر المحدد عبارة عن وسم سوف يتم إرجاع قيمة (null)، وإذا كان العنصر المحدد عبارة عن خاصية لوسم سوف يتم إرجاع قيمة معينة، وإذا كان العنصر المحدد من نوع نص فسيتم إرجاع هذا النص.
  • الكائن (node Name): يستخدم هذا الوسم للحصول على إسم الوسم المحدد.
  • الكائن (get Attribute): يستخدم هذا الكائن لجلب خاصية معينة من خصائص الوسم المحدد من قبل المستخدم.
  • الكائن (set Attribute): يستخدم هذا الكائن لإضافة خاصية جديدة أو التعديل على خاصية الوسم المحدد.
  • الكائن (remove Attribute): يستخدم هذا الكائن لحذف خاصية من خصائص الوسم المحدد.
  • الكائن (remove Child): يستخدم هذا الكائن لحذف وسم من وسوم الشجرة، حيث يقوم بحذف العنصر الإبن للعنصر الأب وحتى يتم حذف عنصر ما يجب تحديد العنصر الأب له.
  • الكائن (client Height): يستخدم هذا الكائن للحصول على ارتفاع العنصر الجديد.
  • الكائن (value): يتم من خلال هذا الكائن التعامل مع القيم المدخلة في حقول الإدخال في النماذج التي يتم استخدامها.
  • الكائن (inner HTML): من خلال هذا الكائن تتم عملية الكتابة داخل العناصر المحددة.
  • الكائن (inner Text): يستخدم هذا الكائن لعرض النصوص فقط وهو مشابه للكائن السابق لكنه لا يقوم بعملية عرض وسوم ال (html) بل أنه يعرض نصوص فقط.
  • الكائن (style): من خلال هذا الكائن يتم التحكم بجميع خصائص ال (CSS) للعنصر المحدد حيث يتم وضع نقطة بعد إسم الخاصية التي يرغب المستخدم بإضافتها أو التي يريد التعديل عليها.

المصدر: JavaScript HTML DOM Elements (Nodes)HTML DOM ElementsHTML DOM Methods and PropertiesThe HTML DOM Element Object


شارك المقالة: