مشخصات مقاله
-
4549
-
0.0
-
8192
-
0
-
0
آموزش 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"می باشد را به مجرد اینکه که کاربر روی دکمه کلیک می کند، تغییر می دهد:
کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.