آموزش قدم به قدم DOM در جاوا اسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش قدم به قدم DOM در جاوا اسکریپت با من همراه باشید.
Free-Learn
آموزش قدم به قدم DOM در جاوا اسکریپت
خب اصلا DOM یعنی چی؟ کلمه DOM مخفف ( Document Object Model ) یا خودمونی ( مدل شئ صفحه یا سند ) می باشد، حالا منظورش از این کلمه چیه؟
میگه آقا وقتی یک صفحه در مرورگر لود میشه و میاد بالا، مرورگر از اون صفحه یک مدل شئ درست میکنه که در نهایت و بطور کلی ما میتونیم از طریق همین مدل شئ ، به عناصر موجود در صفحه دسترسی پیدا کنیم و عناصر رو تغییر یا حذف و یا اضافه کنیم.
پس درکل و در یه کلام DOM یعنی دسترسی داشتن به صفحه و تغییر دادن عناصر ( منظور از عناصر همون تگ ها هس ) موجود در صفحه، مثلا میتونیم کاری کنیم که وقتی بروی دکمه ای کلیک شد صفت src تگ img عوض شه ( همین یعنی تغییر تصویر موجود در صفحه ) یا مثلا کاری کنیم که با کلیک بروی یه دکمه رنگ صفحه عوض شه و..
پس اینجوری میتونیم بگیم که DOM یعنی :
- تغییر عناصر ( تگ های ) موجود در صفحه
- تغییر صفت تگ های موجود در صفحه
- ایجاد استایل ( CSS ) به تگ های موجود در صفحه
- ایجاد تگ جدید در صفحه
- ایجاد صفت جدید در تگ های موجود در صفحه
- تغییر رویداد فعلی موجود در صفحه
- ایجاد رویداد جدید در صفحه
خب دوستان ان شاالله در جلسات بعدی میریم تا با انواع روش های دسترسی به عناصر موجود در صفحه آشنا بشیم و ببینیم چجوری میتونیم عناصر موجود در صفحه را تغییر ، ایجاد و یا حذف نماییم.