Header Ads

عُقد 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 من خلال دروس قادمة .




يتم التشغيل بواسطة Blogger.