مقدمة إلى DOM

• أبريل 26, 2024

DOM هو اختصار لـ Document Object Model. إنها طريقة للنظر إلى HTML تتيح لمطوري مواقع الويب إنشاء وظائف ومعالجة الشفرة بطرق مستحيلة.

هناك ثلاثة أنواع أساسية من DOM؛ DOM الأساسية ، والتي يمكن استخدامها لتحديد أي وثيقة بغض النظر عن النوع ؛ XML DOM ، والذي يتم استخدامه مع مستندات XML ، و HTML DOM. هذا النوع الأخير هو الأكثر أهميةً ومفيدًا لمطوري HTML ، لذلك فهو DOM الذي ستستكشفه هذه المقالة.

يقوم HTML DOM بتقسيم صفحة HTML إلى عقد. جميع هذه العقد مرتبطة ببعضها البعض ، مع تنازلي العقد الفرعية من العقد الأصلية الخاصة بهم ومن العقدة الجذرية في الأعلى ، في تخطيط يشبه شجرة. ما يجعل DOM مهمًا جدًا ومفيدًا لمطوري HTML هو أن هذا التعريف يجعل كل جزء من الصفحة متميزًا ويحدد موقعه بالنسبة لجميع الأجزاء الأخرى ، بحيث يسهل تصميم التعليمات البرمجية التي تشير إلى هذا القسم المحدد ولا تؤثر إلا على ذلك الجزء . هذا يجعل HTML DOM حيويًا لبرمجة Javascript ، على سبيل المثال ، لأنه يوفر طريقة لبرنامج Javascript لاستخدام عناصر HTML مباشرة. بدون DOM ، يستحيل على برنامج Javascript الوصول ديناميكيًا إلى محتويات صفحة الويب. على سبيل المثال ، باستخدام أساليب DOM ، يمكنك كتابة برنامج يغير النص داخل عنصر HTML معين في حالة حدوث حدث معين (على سبيل المثال ، ينقر الزائر على زر في الصفحة).

كما تعلمون بالفعل ، تتكون صفحة HTML من عناصر مختلفة مثل هذا:



عينة صفحة HTML

هذا مثال على صفحة HTML الأساسية.

مع DOM ، كل عنصر (كل شيء بين مجموعة واحدة من العلامات ، مثل) هو عقدة. تسمى العقدة العقدة الجذر ، وهي الأكثر أساسية ؛ لديها اثنين من العقد التابعة ، العقدة والعقدة. في المثال أعلاه ، العقدة هي تابعة للعقدة و

العقدة هي طفل العقدة.

يمكن لمطور الويب استخدام DOM وتغييره باستخدام أوامر معينة. تنقسم هذه الأوامر إلى خصائص (تصف جزءًا من صفحة HTML) وطرقًا (تؤدي شيئًا إلى هذا الجزء من الصفحة).

للحصول على تفاصيل حول كيفية استخدام HTML DOM ، راجع المقالة التالية ، "العمل مع DOM" ، والتي سيتم نشرها الأسبوع المقبل.

تعليمات الفيديو: #1 مقدمه عن كورس JavaScript DOM (أبريل 2024).