บทที่ 3 JavaScript Output
1.คำสั่งdocument.getElementById สำหรับการเข้าถึง Element Id
ในการใช้ภาษา JavaScript ร่วมกับ HTML นั้น จำเป็นต้องใช้คำสั่ง document.getElementById(id) ซึ่งก็คือคำสั่งสำหรับการเข้าถึง Element Id ที่ต้องการใน Form HTML
ประโยชน์ของ document.getElementById
1. มีไว้สำหรับเข้าถึง Element Id ต่าง ๆ ใน Form ของ HTML ใน Attribue Id
2. ใช้สำหรับการจัดการข้อมูลต่าง ๆ ของ Element Object ใน HTML Form
3. เป็นตัวแทนการเข้าถึง method ต่าง ๆ ของ Element Object เช่น value, focus เป็นต้น
ตัวอย่างเช่น
<html>
<body>
<h1 id="demo">My First JavaScript</h1>
<script>
document.getElementById("demo").innerHTML="Hello Nerd.";
</script>
</body>
</html>
ผลลัพธ์คือ
จะเห็นว่าคำสั่ง document.getElementById(id) นั้นควบคุมการแสดงผลของ แท็ก <h1> โดยให้แสดงผลตามที่ "id" กำหนด ดังตัวอย่างนี้คือ ระบุ "id" ให้แสดงข้อความ Hello Nerd. บนแท็ก <h1> แต่ถ้าหากเราไม่ได้ใช้คำสั่ง document.getElementById(id) หรือระบุค่า "id" ไม่ถูกต้องล่ะก็ แท็ก <h1> ก็จะแสดงข้อความในแท็กตามแบบปกติ นั้นคือข้อความ My First JavaScript
2.คำสั่ง document.write
คือ คำสั่งสำหรับการพิมพ์ข้อความ หรือข้อมูลต่าง ๆ บนเอกสารหน้าเว็บไซต์ (Document) หรือ บน Elements ต่าง ๆ ตามที่ต้องการด้วยภาษา Javascript ซึ่งจะมีลักษณเหมือนกัยการพิมพ์ข้อความบนเอกสาร html ทั่วไป (อ่านเพิ่มเติมที่ บทที่ 6 HTML Paragraphs การกำหนดพารากราฟ โดยใช้ tag)
ตัวอย่างเช่น
<html>
<body>
<script>
document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
ผลลัพธ์คือ
คลิกเพื่อดู demo file javascript (ตัวอย่างที่1)
คลิกเพื่อดู demo file javascript (ตัวอย่างที่2)
- หัวเรื่อง
- javascript3
- หมวดหมู่
- Javascript, Javascript
- ฮิต
- 53985
- ผู้สร้างเอกสาร
- วันที่สร้างเอกสาร
- 2016-06-03 19:32:50