ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 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
ฮิต
30849
ผู้สร้างเอกสาร
วันที่สร้างเอกสาร
2016-06-03 19:32:50

javascript3.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 482 bytes

ผู้อัพโหลดไฟล์

วันที่อัพโหลด 2016-06-03 12:31:46


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ต่างกันแค่ไหน? เทียบหมัดต่อหมัด iPhone รุ่นใหม่ล่าสุด กับ iPhone 11
โดย unyana ส 16 ม.ค. 2021 11:47 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
ส 16 ม.ค. 2021 11:47 pm โดย unyana
โปรแกรม Kdenlive สามารถ add ไฟล์รูปเข้าไปในโปรแกรมได้ไหมคะ
โดย Kannaphat ส 16 ม.ค. 2021 3:46 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
12
ส 16 ม.ค. 2021 3:57 pm โดย Kannaphat
ขอคำสั่งพื้นฐานการใช้terminal Ubuntu ด้วยครับ
โดย chakirin.bfds ส 16 ม.ค. 2021 2:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
13
ส 16 ม.ค. 2021 2:39 pm โดย mindphp
โหลดไฟล์จาก gitlab ไม่ได้
โดย chakirin.bfds ส 16 ม.ค. 2021 11:49 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
21
ส 16 ม.ค. 2021 12:02 pm โดย mindphp
ขอวิธีการติดตั้ง psycopg1
โดย chakirin.bfds ส 16 ม.ค. 2021 10:46 am บอร์ด Programming - C/C++ & java & Python
6
24
ส 16 ม.ค. 2021 11:19 am โดย mindphp
python ติด AttributeError ครับ
โดย chakirin.bfds ศ 15 ม.ค. 2021 8:02 pm บอร์ด Programming - C/C++ & java & Python
1
19
ศ 15 ม.ค. 2021 8:18 pm โดย mindphp
สอบถามคำศัพท์เทคนิค Droplet คืออะไร
โดย Kannaphat ศ 15 ม.ค. 2021 6:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
18
ส 16 ม.ค. 2021 11:59 am โดย mindphp
ไม่สามารถตั้งค่าแจ้งเตื่อนจากmindphp เข้าเมลล์ได้
โดย Jiratchaya ศ 15 ม.ค. 2021 1:34 pm บอร์ด MindPHP News & Feedback
4
29
ศ 15 ม.ค. 2021 4:40 pm โดย Jiratchaya