نموذج كائن المستند (DOM) ، وهو في الأساس لغة تطوير الويب لـ "كيفية عمل صفحات الويب خلف الكواليس"، وهو شيء يجب أن يمتلكه كل مطور ويب مجموعة الأدوات الخاصة بهم. إنها مثل الخلطة السرية التي تدعم تطوير الويب الحديث.

ولكن لماذا DOM؟ لقد عثرت مؤخرًا على مقطع فيديو حول كيفية عمل المتصفحات ثم تعمقت في بعض المقالات، وهذا هو فهمي لـ "لماذا؟"

يعمل كل متصفح مع ** محرك المتصفح**، وهو مكون أساسي لمتصفح الويب المسؤول عن تقديم محتوى الويب، بما في ذلك HTML وCSS وJavaScript، إلى تمثيل مرئي يمكن للمستخدمين التفاعل معه.

"المستند": يشير هذا المصطلح إلى صفحة ويب تم تحميلها في متصفح الويب. وهو يمثل التسلسل الهرمي المنظم لمحتوى صفحة الويب، بما في ذلك عناصر مثل العناوين والفقرات والصور والروابط والنماذج والمزيد. يعد مستند DOM في الأساس تمثيلًا في الذاكرة لبنية صفحة الويب، يتم إنشاؤه بواسطة محرك العرض في المتصفح عند تحميل الصفحة.

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

حسنًا، بعد تنزيل المستند، يتم تحويله إلى بيانات أولية، نعم، 0 و1 ثانية. ويتم تحويل وحدات البايت الأولية هذه من البيانات إلى أحرف. ويتم هذا التحويل بناءً على ترميز الأحرف لملف HTML.

يتم تحليل هذه الأحرف أيضًا إلى شيء يسمى الرموز المميزة. مثل أي رمز مميز للغة برمجة أخرى، يمكن تعريفه على أنه أصغر عنصر فردي في لغة البرمجة ذات معنى. هنا يشير الرمز المميز إلى العلامات في HTML وهي body،h1،h2، ع، تمتد الخ.

بمجرد اكتمال عملية الترميز، فإن الخطوة التالية هي هيكلة هذه الرموز المميزة. هذا هو المكان الذي تلعب فيه الكائنات.يتم إنشاء كائن من هذه الرموز المميزة، ويحتوي هذا الكائن على الكثير من المعلومات حول كل كيان، بما في ذلك بداية العلامة ونهاية العلامة والسمات والبيانات/القيمة والمزيد.

الآن، لدينا "مستند" و"كائنات"، لكنها لا تزال غير منظمة لأنه لا توجد علاقة بين هذه الكائنات. بعد الترميز، يتم تحويل هذه الرموز المميزة إلى عقد. سيكون لكل عقدة علاقة مع عقدة أخرى، تضم العقد الأم والطفل والأخوة. تشكل هذه العلاقات من عقدة إلى عقدة بنية مألوفة تشبه الشجرة. تُعرف هذه العملية باسم نمذجة شجرة الكائنات. الآن أصبح نموذج شجرة العقدة جاهزًا من مستند HTML وجاهزًا للرسم.

للتلخيص، الاسم "نموذج كائن المستند" يعكس غرضه ووظيفته. وهو بمثابة نموذج منظم لمحتوى صفحة الويب، ويتم تمثيله كمجموعة من الكائنات. نشأ اسم "DOM" من اندماج "المستند" (صفحة الويب)، و"الكائن" (تمثيل العناصر)، و"النموذج" (التمثيل المنظم).

آمل أن يكون هذا مفيدًا، ولا تتردد في تقديم أي تعليقات أو سؤال إذا كانت لديك أي أسئلة أو استفسارات محددة.