تبلیغات
یادداشت های من - آموزش HTML DOM – جلسه دوم: گره های HTML DOM

یادداشت های روزانه من درباره اینترنت، سیاست، آبکنار، رایانه، شعر، فناوری اطلاعات و ...
هر چیزی که بهش علاقه دارم

حسین (کیوان) جهانبخش آبکنار

جستجو

 

آموزش HTML DOM – جلسه دوم: گره های HTML DOM

یکشنبه 1 خرداد 1390   09:42 ب.ظ

در DOM همه چیز در یک صفحه HTML یک گره است.


گره های DOM

بر اساس DOM هر چیزی در یک سند HTML یک گره (node) است.

DOM می گوید:

  • صفحه جاری یک گره ی Document است.
  • هر عنصر HTML یک گره عنصر (element) است.
  • هر متن در عناصر HTML یک گره متن (text) است
  • هر خاصیت (attribute) HTML یک گره خاصیت است.
  • کامنت ها گره های comment هستند.

 

اولین مثال از DOM:

به کدهای HTML زیر نگاه کنید:

<html>
  <head>
    <title>DOM Tutorial</title>
  </head>
  <body>
    <h1>DOM Lesson one</h1>
    <p>Hello world!</p>
  </body>
</html>

  • گره ریشه در کد HTML بالا <html> است. تمام گره های دیگر در صفحه داخل تگ <html> قرار دارد.
  • گره <html> دو گره فرزند دارد: گره <head> و گره <body>
  • گره <head> یک گره <title> دارد. گره <body> هم شامل یک گره <h1> و یگ گره </p> است.

 

متن ها عموماً در گره های Text ذخیره میشوند.

یک خطای معمول در پردازش DOM این است که از یک گره element انتظار برود که شامل یک متن باشد. در صورتی که، متن یک گره عنصر، در یک گره متن ذخیره شده است.

به عنوان مثال: در <title>DOM Tutorial</title> گره عنصر <title> شامل یک گره متن با مقدار DOM Tutorial است.

"DOM Tutorial" مقدار عنصر <title> نیست.

به هر حال، در HTML DOM مقدار گره متن از طریق خاصیت innerHTML در دسترس خواهد بود.

درباره innerHTML در جلسات بعدی توضیح داده خواهد شد.


پ ن : این مجموعه آموزش ها از سایت W3C ترجمه شده و خواهد شد. جهت آشنایی خودم و دیگران منتشر می کنم.


نوشته شده توسط : حسین (کیوان) جهانبخش آبکنار

نوع مطلب : HTML DOM ،طراحی وب ،