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

این مقاله توضیح می دهد که جاوا اسکریپت چه کارهایی می تواند انجام دهد.

جاوا اسکریپت می تواند محتوای HTML را تغییر دهد. یکی از متدهای جاوا اسکریپت، متد getElementById() است. در مثال زیر، ما ابتدا یک عنصر HTML را (با استفاده از id="demo") پیدا می کنیم و محتوای آن عنصر(innerHTML) را به "سلام جاوا اسکریپت" تغییر می دهیم:

document.getElementById("demo").innerHTML = "سلام جاوا اسکریپت"; 

 نکته: در جاوا اسکریپت، هم می توانیم از تک کوتیشن(' ') استفاده کنیم و هم می توانیم از دابل کوتیشن("  ") استفاده کنیم. همان طور که مشاهده می کنید، در مثال زیر، عبارت سلام جاوا اسکریپت، در داخل یک جفت تک کوتیشن قرار دارد:

document.getElementById('demo').innerHTML = 'سلام جاوا اسکریپت'; 

جاوا اسکریپت می تواند مقادیر خصوصیات HTML را تغییر دهد

در اینجا منظور از خصوصیت، همان Attribute است. در مثال زیر، با استفاده از جاوا اسکریپت، مقدار خصوصیت src که مخخف کلمه ی source است را برای تگ <img> تغییر می دهیم:

مثال شماره 3

 

لامپ روشن لامپ خاموش

امتحان کنید

جاوا اسکریپت می تواند استایل های HTML (یعنی کدهای CSS) را تغییر دهد

تغییر دادن استایل یک عنصر HTML ، یک نوع تغییر دادن خصوصیات HTML محسوب می شود:

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

جاوا اسکریپت می تواند عناصر HTML را محو(Hide) کند

در جاوا اسکریپت، با تغییر دادن خصوصیت style می توانیم عناصر HTML را محو کنیم:

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

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

برای نمایش دادن عناصر محو شده می توانیم با استفاده از جاوا اسکریپت، خصوصیت dispaly را تغییر دهیم:

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