مقدمه
این صفحه شامل مثال، از کارهایی است که به وسیله زبان جاوا اسکریپت میتوان انجام داد.[۱]
محتویات
- ۱ جاوا اسکریپت میتواند محتوای صفحه HTML را تغییر دهد
- ۲ جاوا اسکریپت میتواند مقادیر ویژگیهای (به انگلیسی: Attribute) زبان HTML را تغییر دهد
- ۳ روشنایی لامپ
- ۴ جاوا اسکریپت میتواند طرح (به انگلیسی: CSS) صفحه HTML را تغییر دهد
- ۵ جاوا اسکریپت میتواند عناصر یک سند HTML را مخفی کند
- ۶ جاوا اسکریپت میتواند عناصر یک صفحه HTML را نمایش دهد
- ۷ منابع آموزشی
جاوا اسکریپت میتواند محتوای صفحه HTML را تغییر دهد
یکی از متدهای (به انگلیسی: Methods) زبان جاوا اسکریپت که برای HTML قابل استفاده است متد getElementById()
است.
این مثال از متد getElementById
استفاده میکند تا یک عنصر HTML ای با استفاده از شناسه (id)
که در این مثال برابر با کلمه demo است را بیابد:
(with id="demo")
و محتوای این عنصر(innerHTML)
را به عبارت"Hello JavaScript"
تغییر دهد:
مثال
document.getElementById("demo").innerHTML = "Hello JavaScript";
مثال
document.getElementById('demo').innerHTML = 'Hello JavaScript';
جاوا اسکریپت میتواند مقادیر ویژگیهای (به انگلیسی: Attribute) زبان HTML را تغییر دهد
در این مثال به وسیلهٔ زبان جاوا اسکریپت مقدار ویژگی src (به انگلیسی: Source) را که از ویژگیهای تگ <img>
زبان HTML است را تغییر میدهیم:
روشنایی لامپ
جاوا اسکریپت میتواند طرح (به انگلیسی: CSS) صفحه HTML را تغییر دهد
تغییر طرح (به انگلیسی: style) یک عنصر زبان HTML، نوعی از تغییر مقدار ویژگیهای (attribute)
زبان HTML است.
مثال
document.getElementById("demo").style.fontSize = "35px";
جاوا اسکریپت میتواند عناصر یک سند HTML را مخفی کند
مخفی کردن عناصر یک سند HTML میتواند از طریق تغییر مقدار ویژگی display یا نمایش عنصر مورد نظر، انجام گیرد.
مثال
document.getElementById("demo").style.display = "none";
جاوا اسکریپت میتواند عناصر یک صفحه HTML را نمایش دهد
نمایش عناصر HTML ای را که از دید کاربر پنهان هستند را میتوان به وسیلهٔ ویژگی dispaly
در زبان جاوا اسکریپت انجام داد:
مثال
document.getElementById("demo").style.display = "block";
منابع آموزشی