در قسمت اول از آموزش جاوا اسکریپت به معرفی جاوا اسکریپت و قابلیت های این زبان برنامه نویسی می پردازیم.
این صفحه شامل مثال هایی است که نشان میدهد جاوا اسکریپت چه کارهایی می تواند انجام دهد.
جاوا اسکریپت می تواند محتوای HTML را تغییر دهد
یکی از چندین توابع مربوط به HTML در جاوا اسکریپت، getElementById() است.
در مثال زیر از این تابع برای پیدا کردن یک عنصر HTML با آیدی demo استفاده می شود و (innerHTML) محتوای HTML را به “سلام جاوا اسکریپت” تغییر می دهد:
جاوا اسکریپت هر دو حالت (single quotes) ‘ ‘ و (double quotes) ” ” را پشتیبانی می کند.
جاوا اسکریپت میتواند مقدار خصوصیات HTML را تغییر دهد
در مثال زیر جاوا اسکریپت مقدار خصوصیت src تگ < img > را تغییر می دهد:
جاوا اسکریپت می تواند قالب HTML را تغییر دهد (CSS)
تغییر قالب یک عنصر HTML نوعی از تغییر در خصوصیات HTML است:
جاوا اسکریپت میتواند عناصر HTML را مخفی کند
مخفی کردن عناصر HTML را با تغییر استایل display میتوان انجام داد:
جاوا اسکریپت میتواند عناصر مخفی HTML را نمایان کند
نمایش عناصر مخفی HTML نیز با تغییر در استایل display قابل انجام است:
منبع : W3Schools.com
درس بعدی : محل قرار گیری کدهای جاوا اسکریپت کجاست؟درس قبلی : آموزش جاوا اسکریپت
