آموزش جاوااسکریپت (قسمت 10) مدل DOM و قدرت جاوا اسکریپت !

- visibility ۲۵ mode_comment

در این قسمت از آموزش جاوااسکریپت در مورد مدل DOM صحبت می کنیم . مدلی که با استفاده از اون می تونید توسط جاوااسکریپت تغیرات عمده ای رو در صفحات وب ایجاد کنید . در واقع مدل DOM یک نگاشت از تک تک عناصر و ویژگی های صفحه ی وب به اشیاء در زبان جاوااسکریپت رو تعریف کرده که شما با استفاده از این اشیاء می تونید همه ی تگ ها و عناصر صفحه وب رو تغیر بدید و دستکاری کنید و این همون چیزیه که به جاوااسکریپت قدرت و جذابیت داده : تغیرات پویا در صفحات وب !

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

::در این آموزش  موارد زیر رو مطرح خواهیم کرد :

  • مدل DOM چیست ؟
  • ساختار درختی تگ ها و عناصر صفحه وب در Document Object Model
  • کاربردهای مدل DOM در جاوااسکریپت و صفحات وب
  • نحوه دسترسی به تگ ها و عناصر صفحه وب در جاوااسکریپت
  • معرفی متد ها getElementById و getElementsByTagName در javascript
:: همچنین مثال های زیر رو در این ویدیو با هم خواهیم نوشت :
  • یک صفحه وب ساده به عنوان بستر مثال های مطرح شده
  • تغیر رنگ متن و پس زمینه پاراگراف های دلخواه توسط جاوااسکریپت
  • افزودن مشخصه های CSS به تگ های دلخواه با استفاده از جاوااسکریپت
  • استفاده از متدهای getElementById و getElementsByTagName برای دسترسی به عناصر صفحه وب
  • شمارش تعداد تگ های از نوع خاص (مثلا تگ های p) در صفحه وب
  • یک اسکریپت تعاملی برای مخفی و ظاهر کردن عناصر دلخواه در صفحه وب با داشتن id آنها

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

پیشنهاد میشه برای داشتن کیفیت کامل ، این ویدیو رو به صورت تمام صفحه (Full Screen) ببینید :

.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :.
در صورتي که عضو سايت هستيد می توانید لاگین شوید.
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد.
comment دیدگاه کاربران
m.yMJJ

سلام

من در مورد مدل DOM یه سوالی داشتم .

تگ img تو HTML در جاوا اسکریپت image میشه :

http://www.w3schools.com/jsref/dom_obj_image.asp

تگ چی میشه ؟ اصلا کلمه “i” مخفف چیست ؟ ❓

پیشاپیش تشکر 🙂

سجاد دریس

اینم ما بقی توابع که برای قالب بندی متن با استفاده از جاوااسکریپت وجود داره

m.yMJJ

در نظر قبلی از HTML استفاده کردم ولی حواسم نبود حذف میشه! 😐

تصحیح میکنم :

تگ

چی میشه ؟ اصلا کلمه “i” مخفف چیست ؟ ❓

سجاد دریس

سلام
در زبان اچ تی ام ال i مخفف italic هست که متن مورد نظری که درون این تگ قرار می گیره رو به صورت کج نشون میده.

سجاد دریس

برای ایجاد متن ایتالیک با استفاده از جاوااسکریپت میتونید از کد زیر استفاده کنید

طاها زارع

با سلام و خدا قوت به خاطر وب سایت خوبتون
اگه میشه لطف کنید و کد ثبت نام در سایت رو که برای چند مورد مسابقه هم جهت ثبت نام بشه استفاده کرد برام بفرستید از زحمات شما متشکرم

کیوان علی محمدی

سلام شرمنده وقت ارسال کد به ایمیل رو به صورت رایگان نداریم؛در انجمن مطرح کنید دوستان کممک میکنن.

محمد حاتمی

سلام بینهایت ممنونم عالی بود

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2