شناخت با معنا DOM برای فهم خوب مضمون dom، با یک نمونه استارت می کنیم، فرض فرمائید در یک کاغذ اینترنت میخواهیم در طول اجرای کاغذ در عنصرها HTML تغییراتی ساخت کنیم. برای مثال یک تگ (عنصر) را حذف کنیم و یا این که مختصات (Attribute) آنرا تغییر تحول دهیم. همینطور در اکثری از مواقع برای تعامل با مخاطب به DOM نیاز طراحی سایت در مشهد داریم. مثلا می خواهیم زمانی روی یک دکمه کلیک شد عنصر خاصی را به شیت اضافه کنیم و یا این که پیامی را اکران دهیم. خب برای تمامی‌ی اینکار‌ها به ویرایش کدهای HTML نیاز داریم. یا این که همان دیگر به DOM نیاز داریم. حالا که متوجه کاربرد‌های آن شدید قادر خواهیم بود درمورد خویش DOM و معنا آن حرف کنیم.
DOM چیست؟
DOM یک سبک و ساختار درختی از مجموع موادتشکیل دهنده HTML داخل یک کاغذ اینترنت میباشد. که در آن ارکان HTML تحت عنوان اشیا در لحاظ گرفته می گردند.
نکته: عنصرها HTML به عبارتی تگ‌های HTML میباشند.
DOM یک API (رابط اپ نویسی) برای جاوا اسکریپت میباشد که به اپ نویس این اذن را می دهد تا:
تگ‌های (عنصرها) HTML را حذف، اضافه یا این که تغییر‌و تحول دهد.
خصیصه‌های attribute) HTML) را حذف، اضافه یا این که تغییر‌و تحول دهد.
استایل‌های CSS را حذف، اضافه یا این که تغییر‌و تحول دهد.
به اتفاق افتاد‌های Event) HTML) عکس العمل علامت دهد.
روی داد‌های HTML را حذف، اضافه یا این که تغییر تحول دهد.
برای جا افتادن این مورد فرض نمایید یک شیت اینترنت که دربردارنده کدهای HTML ذیل میباشد، داریم:
1
2
3
4
5
6
7
8
9
My header
My link
زمانی شیت اینترنت بارگیری شد، مرورگر یک DOM: Document Object Model از ورقه می‌سازد. که در واقع این سبک یک درخت اشیا (ارکان HTML داخل کاغذ) میباشد. برای فهم ریلکس خیس این زمینه به صورت تحت اعتنا فرمایید:
درخت اشیا تشکیل‌شده به وسیله مرورگر
همانگونه در تصویر بالا چشم می‌گردد کل خصیصه‌ها و موادسازنده باطن یک تگ، تحت عنوان فرزندان آن تگ شناخته می شوند. همینطور تک تک شی ها ، تحت تیم شئ Document میباشند.
این ساختار درختی در دست اپلیکیشن‌نویس جاوا اسکریپت میباشد تا بتواند هر تغییری در‌این ساختار ساخت‌و‌ساز نماید! به همین راحتی.
شناخت با معنا DOM برای فهم خوب مضمون dom، با یک نمونه استارت می کنیم، فرض فرمائید در یک کاغذ اینترنت میخواهیم در طول اجرای کاغذ در عنصرها HTML تغییراتی ساخت کنیم. برای مثال یک تگ (عنصر) را حذف کنیم و یا این که مختصات (Attribute) آنرا تغییر تحول دهیم. همینطور در اکثری از مواقع برای تعامل با مخاطب به DOM نیاز طراحی سایت در مشهد داریم. مثلا می خواهیم زمانی روی یک دکمه کلیک شد عنصر خاصی را به شیت اضافه کنیم و یا این که پیامی را اکران دهیم. خب برای تمامی‌ی اینکار‌ها به ویرایش کدهای HTML نیاز داریم. یا این که همان دیگر به DOM نیاز داریم. حالا که متوجه کاربرد‌های آن شدید قادر خواهیم بود درمورد خویش DOM و معنا آن حرف کنیم.
DOM چیست؟
DOM یک سبک و ساختار درختی از مجموع موادتشکیل دهنده HTML داخل یک کاغذ اینترنت میباشد. که در آن ارکان HTML تحت عنوان اشیا در لحاظ گرفته می گردند.
نکته: عنصرها HTML به عبارتی تگ‌های HTML میباشند.
DOM یک API (رابط اپ نویسی) برای جاوا اسکریپت میباشد که به اپ نویس این اذن را می دهد تا:
تگ‌های (عنصرها) HTML را حذف، اضافه یا این که تغییر‌و تحول دهد.
خصیصه‌های attribute) HTML) را حذف، اضافه یا این که تغییر‌و تحول دهد.
استایل‌های CSS را حذف، اضافه یا این که تغییر‌و تحول دهد.
به اتفاق افتاد‌های Event) HTML) عکس العمل علامت دهد.
روی داد‌های HTML را حذف، اضافه یا این که تغییر تحول دهد.
برای جا افتادن این مورد فرض نمایید یک شیت اینترنت که دربردارنده کدهای HTML ذیل میباشد، داریم:
1
2
3
4
5
6
7
8
9
My header
My link
زمانی شیت اینترنت بارگیری شد، مرورگر یک DOM: Document Object Model از ورقه می‌سازد. که در واقع این سبک یک درخت اشیا (ارکان HTML داخل کاغذ) میباشد. برای فهم ریلکس خیس این زمینه به صورت تحت اعتنا فرمایید:
درخت اشیا تشکیل‌شده به وسیله مرورگر
همانگونه در تصویر بالا چشم می‌گردد کل خصیصه‌ها و موادسازنده باطن یک تگ، تحت عنوان فرزندان آن تگ شناخته می شوند. همینطور تک تک شی ها ، تحت تیم شئ Document میباشند.
این ساختار درختی در دست اپلیکیشن‌نویس جاوا اسکریپت میباشد تا بتواند هر تغییری در‌این ساختار ساخت‌و‌ساز نماید! به همین راحتی.
اشتباهات رایج در طراحی سایت های وردپرسی