• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

22291 ۱۹ اردیبهشت ۹۲

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

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

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

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

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

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

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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 25 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    سلام

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

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

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

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

    پیشاپیش تشکر :smile:

    • ‏‏
      سجاد دریس(۱۴ مهر ۱۳۹۲)

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

  • ‏‏

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

    تصحیح میکنم :

    تگ

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

    • ‏‏
      سجاد دریس(۱۴ مهر ۱۳۹۲)

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

      • ‏‏
        سجاد دریس(۱۴ مهر ۱۳۹۲)

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

  • ‏‏
    طاها زارع(۲۵ دی ۱۳۹۲)

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

    • ‏‏
      کیوان علی محمدی(۴ بهمن ۱۳۹۲)

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

  • ‏‏
    محمد حاتمی(۸ اسفند ۱۳۹۲)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram