آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش JavaScript HTML DOM Css

دوره های مرتبط با این مقاله

JavaScript HTML DOM – تغییر دادن سبک نمایش المان ها (CSS)

مدل شی گرای سند HTML به زبان جاوا اسکریپت این اجازه را می دهد که سبک نمایش (style) المان های HTML را ویرایش کند.

اصلاح المان های HTML

به منظور اصلاح style عنصر HTML، کافی است از ساختار نگارشی (syntax) زیر بهره بگیرید:

                        document.getElementById(id).style.property=new style

مثال زیر سبک نمایش المان را تغییر می دهد:

نمونه یک

        document.getElementById("p2").style.color = "blue";
        document.getElementById("p2").style.fontFamily = "Arial";
امتحان کنید

استفاده از رخدادها (Event)

HTML DOM به جاوا اسکریپت امکان می دهد به هنگام رخداد یا اجرا شدن یک event، کد معینی را اجرا کند، به عبارتی دیگر مدل DOM به زبان جاوا اسکریپت اجازه می دهد تا به event های یک سند HTML، واکنش نشان دهد.
در حقیقت رخدادها زمانی که اتفاق خاصی برای المان های HTML می افتد توسط مرورگر تولید می شوند، برای مثال زمانی که:
کاربر روی المان معینی کلیک می کند
زمانی که صفحه کاملا بارگذاری می شود
فیلدهای ورودی (input field) تغییر داده می شوند
این مثال سبک (نمایش) المان HTML که شناسه ی آن " id1"می باشد را به مجرد اینکه که کاربر روی دکمه کلیک می کند، تغییر می دهد:

نمونه دو

    
امتحان کنید

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

  • 3477
  •    2348
  • تاریخ ارسال :   1394/08/15

دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش JavaScript HTML DOM Css
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .