مقدمة به JavaScript

این فصل چندین مثال از توانایی‌های JavaScript را ارائه می‌دهد.

JavaScript قادر به تغییر محتوای HTML است

getElementById() یکی از چندین روش JavaScript برای HTML است.

در این مثال از این روش برای "یافتن" عنصر HTML با id="demo" استفاده شده است، و محتوای عنصر را (innerHTMLبه "Hello JavaScript" تغییر دهید:

مثال

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

آزمایش کنید

توجه:JavaScript هم می‌پذیرد که هم قوس‌های دوگانه و هم قوس‌های یکگانه را استفاده کند:

مثال

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

آزمایش کنید

JavaScript قادر به تغییر ویژگی‌های HTML است

این مثال از طریق تغییر <img> برچسب src ویژگی (source) برای تغییر یک تصویر HTML:

چراغ


آزمایش کنید

JavaScript می‌تواند استایل HTML (CSS) را تغییر دهد

تغییر استایل HTML عناصر، گونه‌ای از تغییر ویژگی‌های HTML است:

مثال

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

آزمایش کنید

JavaScript می‌تواند عناصر HTML را مخفی کند

قابل تغییر نمایش استایل برای مخفی کردن عناصر HTML:

مثال

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

آزمایش کنید

JavaScript می‌تواند عناصر HTML را نمایش دهد

قابل تغییر نمایش استایل برای نمایش یا مخفی کردن عناصر HTML:

مثال

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

آزمایش کنید

خواندن اضافی

آموزش پیشرفته JavaScript: تاریخ JavaScript ، اجرا JavaScript