عُقد HTML DOM

باستخدام DOM يعتبر كل عنصر في صفحات HTML هو عقدة node .


عُقد DOM

وفقاً للغة DOM ان كل عنصر في صفحات HTML هو عقدة node .

تستخدم DOM :

  • تعتبر الصفحة الكلية هي عقدة صفحات .
  • كل عنصر HTML هو عقدة عناصر .
  • ان النص الموجود في HTML هو عقدة نصوص .
  • كل لاحقة HTML هي عقدة لواحق .
  • التعليقات هي أيضاً عقدة تعليقات .

مثال DOM

انظر الى صفحة HTML التالية :

<html>
<head>

<title>DOM دورة</title>

</head>
<body>

<h1>أول درس DOM </h1>

<p>مرحباً بكم في المعهد العربي للبرمجة</p>

</body>
</html>

ان العقدة الجذرية في صفحة HTML هي <html> كما أن جميع العقد في هذه الصفحة موجودة داخل العقدة <html> .

تحتوي العقدة <html> على عقدتين فرعيتين هما <head> و <body> .

يحتوي عقدة <head> على عقدة <title> . و يحتوي عقدة <body> على عقدتي <h1> و <p> .


يتم تخزين النص دائماً في عقد النصوص

من الخطأ الشائع الاعتقاد بأن العقدة يجب أن تحتوي على نص . على أي حال يتم تخزين النص دائماً في عقد النصوص .

في المثال السابق <title>DOM دورة</title> , يحتوي عقدة العنصر <title> يحتوي على عقدة النص والتي تحتوي على القيمة “دورة DOM” .

لايعتبر “دورة DOM” قيمة في عنصر <title> . على أي حال يمكن الوصول الى عقدة النص في HTML DOM من خلال الخاصية innerHTML .

يمكنك دراسة المزيد عن innerHTML من خلال دروس قادمة .