آموزش قدم به قدم DOM در جاوا اسکریپت

آموزش قدم به قدم DOM در جاوا اسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش قدم به قدم DOM در جاوا اسکریپت با من همراه باشید.

آموزش قدم به قدم DOM در جاوا اسکریپت

خب اصلا DOM یعنی چی؟ کلمه DOM مخفف ( Document Object Model ) یا خودمونی ( مدل شئ صفحه یا سند ) می باشد، حالا منظورش از این کلمه چیه؟

میگه آقا وقتی یک صفحه در مرورگر لود میشه و میاد بالا، مرورگر از اون صفحه یک مدل شئ درست میکنه که در نهایت و بطور کلی ما میتونیم از طریق همین مدل شئ ، به عناصر موجود در صفحه دسترسی پیدا کنیم و عناصر رو تغییر یا حذف و یا اضافه کنیم.

پس درکل و در یه کلام DOM یعنی دسترسی داشتن به صفحه و تغییر دادن عناصر ( منظور از عناصر همون تگ ها هس ) موجود در صفحه، مثلا میتونیم کاری کنیم که وقتی بروی دکمه ای کلیک شد صفت src تگ img عوض شه ( همین یعنی تغییر تصویر موجود در صفحه ) یا مثلا کاری کنیم که با کلیک بروی یه دکمه رنگ صفحه عوض شه و..

پس اینجوری میتونیم بگیم که DOM یعنی :

• تغییر عناصر ( تگ های ) موجود در صفحه
• تغییر صفت تگ های موجود در صفحه
• ایجاد استایل ( CSS ) به تگ های موجود در صفحه
• ایجاد تگ جدید در صفحه
• ایجاد صفت جدید در تگ های موجود در صفحه
• تغییر رویداد فعلی موجود در صفحه
• ایجاد رویداد جدید در صفحه

خب دوستان ان شاالله در جلسات بعدی میریم تا با انواع روش های دسترسی به عناصر موجود در صفحه آشنا بشیم و ببینیم چجوری میتونیم عناصر موجود در صفحه را تغییر ، ایجاد و یا حذف نماییم.