انتقل إلى محتوى الدرس

DOM tree expressions in JavaScript مصطلحات شجرة نموذج كائن المستند في لغة جافا سكريبت

ستتعلم في هذا الدرس كيف كيف تتعامل لغة جافا سكريبت مع صفحة HTML وستتعرف بالتفصيل عن نموذج كائن المستند في لغة جافا سكريبت ومفهوم الشجرة DOM Tree وكيف تقوم جافا سكريبت بتحويل صفحة الويب الثابتة الي صفحة ديناميكية تفاعلية ابداعية سواء عند احتكاك المستخدم مع الصفحة أو بدون ذلك وستتعلم ايضاً مصطلحات DOM Tree.

1 صفوف تعليمية
جافا سكريبت
5,885 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تتكون الشجرة من مجموعة أفرع كل فرع يسمي Node وكل Node له مسمي عندما تتعامل لغة جافا سكريبت مع هذة الشجرة.

  • اول فرع في الشجرة وهو الكائن الكبير الذي يَمسك كل أفرع الشجرة وهو document.
  • يتفرع من كائن document عنصر html ويسمي root Element.
  • يتفرع من عنصر html عنصرين, الأول وهو عنصر head والثاني هو عنصر body وعنصر html يسمي parent Node الأب للعنصرين.
  • العنصرين head و body لهم parent واحد فيطلق عليهم إخوة Siblings.
  • العنصرين head و هم ابناء children من الأب وهو عنصر html.
  • اي Node ليست لها ابن تسمي leaf.
  • اي Node ليس له اب يسمي Root وهو عنصر HTML.
  • النصوص الموجودة بداخل العناصر تسمي Text Nodes.
  • كل Node في الشجرة Tree عبارة عن كائن Object.


يمثل Nodes مجموعة من المعلومات حول العنصر Element ويتكون Node من :

  • Attributes
  • CSS Styles
  • Events
  • Children Nodes
  • Text
  • HTML Content
مصطلحات شجرة نموذج كائن المستند في لغة جافا سكريبت