معرفی JavaScript

این صفحه شامل نمونه هایی از آنچه JavaScript می تواند انجام دهد می باشد.

جاوا اسکریپت می تواند محتوای HTML را تغییر دهد

یکی از متد های کاربردی در JavaScript  که امکان دسترسی به عناصر HTML صفحه را به ما می دهد getElementById است.

در نمونه زیر از این متد با پیدا کردن عنصر HTML ای با شناسه  demo محتوای درون آن را تغییر میدهد: محتوای درون آن با مقداردهی توسط متد innerHtml تغییر میکند به Hello JavaScript!

 document.getElementById("demo").innerHTML = "Hello JavaScript"; 

جاوا اسکریپت کوتیشن دوتایی و تکی را قبول می کند.

document.getElementById('demo').innerHTML = 'Hello JavaScript';

JavaScript میتواند مشخصه ها یا Attribute ها را تغییر دهد

نمونه زیر تصویر موجود را تغییر میدهد.

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

<img id="myImage" src="pic_bulboff.gif" style="width:100px">

<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>

JavaScript میتواند استایل های CSS را نیز تغییر دهد

تغییر استایل های تگ های HTML یکی دیگر از کار های شگفت انگیز JavaScript است :

document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px'; 

جاوا اسکریپت می تواند عناصر HTML را مخفی کند

پنهان کردن عناصر HTML می تواند با تغییر سبک نمایش داده شود.

document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none'; 

جاوا اسکریپت می تواند عناصر HTML را نمایش دهد

نمایش عناصر HTML پنهان نیز می تواند با تغییر سبک نمایش داده شود:

document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block';