تفاوت SOURCE و DOM

منظور از DOM چیست؟

DOM مخفف Document Object Model یک API برنامه نویسی برای اسناد HTML و XML است که می‌تواند ساختار منطقی اسناد و نحوه دسترسی و دستکاری یک سند را تعریف کند. 

با استفاده از DOM برنامه‌نویسان می‌توانند اسناد را ایجاد و بسازند، ساختار آن‌ها را هدایت کنند و عناصر و محتوا را اضافه، اصلاح یا حذف کنند. 

در واقع هر چیزی که در یک سند HTML یا XML پیدا می‌شود را می‌توان با استفاده از DOM به‌دست آورد، تغییر داد، یا اضافه کرد.

Document Object Model به توسعه‌دهندگان وب اجازه می‌دهد تا اسناد را دستکاری، سبک‌دهی و ساختاربندی کنند. 

به عنوان مثال، عناصر وب به صورت پویا با جاوا اسکریپت دستکاری می‌شوند تا محتوای پویا و تعاملی را به صفحه وب اضافه کنند، در حالی که از CSS برای افزودن زیبایی‌شناسی استفاده می‌شود.

منظور از SOURCE چیست؟

کد منبع مجموعه‌ای از دستورالعمل‌ها و عبارات نوشته شده توسط یک برنامه‌نویس با استفاده از یک زبان برنامه‌نویسی کامپیوتر است. 

این کد بعداً توسط یک کامپایلر به زبان ماشین ترجمه می‌شود. 

کد ترجمه شده به عنوان کد شی نامیده می‌شود. برنامه‌نویسان می‌توانند نظراتی را به کد منبع خود اضافه تا به توسعه‌دهندگان دیگر کمک کنند تا آن را درک کنند. 

اسکریپت‌های کوتاه همچنین می‌توانند از کد منبع با استفاده از یک موتور برنامه‌نویسیPHP  اجرا شوند.

به عبارت دیگر کد منبع جزء اساسی یک برنامه کامپیوتری است که توسط یک برنامه‌نویس ایجاد می‌شود و اغلب در قالب توابع، توضیحات، تعاریف، فراخوانی‌ها، روش‌ها و سایر عبارات عملیاتی نوشته می‌شود. به گونه‌ای طراحی شده است که برای انسان قابل خواندن باشد و به گونه‌ای قالب‌بندی شده باشد که توسعه‌دهندگان و سایر کاربران بتوانند درک کنند.

مقایسه SOURCE و DOM

اگر می‌خواهید کد منبع یک صفحه را مشاهده کنید، کافیست وارد صفحه دلخواه خود شده و پس از راست کلیک کردن گزینه View page Source را انتخاب کنید. 

سپس می‌توانید سورس صفحه مورد نظرتان را مشاهده کنید. 

حال اگر می‌خواهید کدهای جاوااسکریپت همان صفحه را مشاهده کنید، کافیست در همان صفحه راست کلیک کرده و اینبار گزینه inspect را بزنید.

SOURCE و DOM دو مفهوم کلیدی در توسعه وب هستند که اغلب با یکدیگر اشتباه گرفته می‌شوند. 

SOURCE به کد منبع یک صفحه وب اشاره دارد، در حالی که DOM به ساختار درختی عناصر HTML آن صفحه اشاره دارد.

SOURCE یک فایل متنی است که حاوی کد HTML، CSS و JavaScript صفحه وب است.

این کد توسط مرورگر خوانده می‌شود و برای ایجاد ساختار و محتوای صفحه وب استفاده می‌شود.

DOM یک ساختار درختی از تمام عناصر HTML درون یک صفحه وب است. 

هر یک از عناصر HTML در DOM به عنوان یک شیء در نظر گرفته می‌شوند. 

این اشیاء دارای تعدادی خاصیت و متد هستند که می‌توان از آنها برای کنترل عناصر HTML استفاده کرد.

تفاوت SOURCE با DOM

در این است که SOURCE کد منبع یک صفحه وب است، در حالی که DOM ساختار درختی آن صفحه است. 

SOURCE توسط مرورگر خوانده می‌شود و DOM توسط جاوا اسکریپت استفاده می‌شود.