บทนำ JavaScript
หน้านี้ประกอบด้วยตัวอย่างบางส่วนของสิ่งที่จาวาสคริปต์สามารถทำได้
JavaScript สามารถเปลี่ยนเนื้อหา HTML ได้
วิธีการ JavaScript HTML หนึ่งในหลายๆ วิธีคือgetElementById()
.
ตัวอย่างด้านล่าง "ค้นหา" องค์ประกอบ HTML (พร้อม id="demo") และเปลี่ยนเนื้อหาองค์ประกอบ (innerHTML) เป็น "สวัสดี JavaScript":
ตัวอย่าง
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript ยอมรับทั้งเครื่องหมายคำพูดคู่และเดี่ยว:
ตัวอย่าง
document.getElementById('demo').innerHTML = 'Hello JavaScript';
JavaScript สามารถเปลี่ยนค่าแอตทริบิวต์ HTML
ในตัวอย่างนี้ JavaScript เปลี่ยนค่าของsrc
แอตทริบิวต์ (แหล่งที่มา) ของ<img>
แท็ก:
หลอดไฟ
JavaScript สามารถเปลี่ยนรูปแบบ HTML (CSS)
การเปลี่ยนรูปแบบขององค์ประกอบ HTML เป็นตัวแปรของการเปลี่ยนแอตทริบิวต์ HTML:
ตัวอย่าง
document.getElementById("demo").style.fontSize = "35px";
JavaScript สามารถซ่อนองค์ประกอบ HTML
การซ่อนองค์ประกอบ HTML สามารถทำได้โดยเปลี่ยนdisplay
สไตล์:
ตัวอย่าง
document.getElementById("demo").style.display = "none";
JavaScript สามารถแสดงองค์ประกอบ HTML
การแสดงองค์ประกอบ HTML ที่ซ่อนอยู่สามารถทำได้โดยการเปลี่ยนdisplay
รูปแบบ:
ตัวอย่าง
document.getElementById("demo").style.display = "block";
เธอรู้รึเปล่า?
JavaScript และJavaเป็นภาษาที่แตกต่างกันโดยสิ้นเชิง ทั้งในด้านแนวคิดและการออกแบบ
JavaScript ถูกคิดค้นโดย Brendan Eich ในปี 1995 และกลายเป็นมาตรฐาน ECMA ในปี 1997
ECMA-262 เป็นชื่ออย่างเป็นทางการของมาตรฐาน ECMAScript เป็นชื่ออย่างเป็นทางการของภาษา
เวอร์ชันจาวาสคริปต์ »