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

javascript3.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 482 bytes

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

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 19 มกราคาม 2561
โดย Parichat ศ 19 ม.ค. 2018 8:52 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
8
ศ 19 ม.ค. 2018 7:33 pm โดย Parichat
งานประจำวันที่ 19 มกราคม 2561
โดย Jom07 ศ 19 ม.ค. 2018 8:43 am บอร์ด MT23 - สุพรรษา พูลตา
1
24
ศ 19 ม.ค. 2018 9:20 am โดย Jom07
งานประจำวันที่ 19 มกราคม 2561
โดย Four ศ 19 ม.ค. 2018 8:42 am บอร์ด MT22 - อิษยา งามสอาด
4
23
ศ 19 ม.ค. 2018 6:43 pm โดย Four
ตัวแปรชนิด Tuple
โดย Four พฤ 18 ม.ค. 2018 5:18 pm บอร์ด Python Knowledge
0
33
พฤ 18 ม.ค. 2018 5:18 pm โดย Four
ขอสอบถามเรื่องความแตกต่างของฟังก์ชั่นvariant_pow()กับฟังก์ชั่น pow()
โดย Parichat พฤ 18 ม.ค. 2018 1:58 pm บอร์ด Programming - PHP
0
29
พฤ 18 ม.ค. 2018 1:58 pm โดย Parichat
อยากได้โปรแกรม command แบบ cmd ที่เก็บ history ได้ค่ะช่วยเเนะนำหน่อย
โดย thatsawan พฤ 18 ม.ค. 2018 11:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
54
พฤ 18 ม.ค. 2018 7:18 pm โดย thatsawan
0vsNULL
โดย Before Dong พฤ 18 ม.ค. 2018 10:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
41
พฤ 18 ม.ค. 2018 2:51 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Parichat พฤ 18 ม.ค. 2018 9:38 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
13
พฤ 18 ม.ค. 2018 7:16 pm โดย Parichat
งานประจำวันที่ 18 มกราคม 2561
โดย Jom07 พฤ 18 ม.ค. 2018 9:27 am บอร์ด MT23 - สุพรรษา พูลตา
2
34
พฤ 18 ม.ค. 2018 6:49 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Four พฤ 18 ม.ค. 2018 9:24 am บอร์ด MT22 - อิษยา งามสอาด
1
23
พฤ 18 ม.ค. 2018 11:44 am โดย Four
VDO สอนพัฒนา Componet Joomla ภาษาอังกฤษ By Mindphp Developer Team
โดย mindphp พฤ 18 ม.ค. 2018 6:21 am บอร์ด Joomla Development
0
30
พฤ 18 ม.ค. 2018 6:21 am โดย mindphp
Ozio Gallery-Components & Plugins สำหรับช่วยให้ดูภาพที่เผยแพร่บน Googleและวีดีโอจาก Youtube ที่ละเอียด
โดย Parichat พ 17 ม.ค. 2018 7:30 pm บอร์ด Joomla Extension Review
0
51
พ 17 ม.ค. 2018 7:30 pm โดย Parichat
ตัวดำเนินการของตัวแปร List
โดย Four พ 17 ม.ค. 2018 4:35 pm บอร์ด Python Knowledge
0
34
พ 17 ม.ค. 2018 4:35 pm โดย Four
การใช้ Del statement
โดย Four พ 17 ม.ค. 2018 4:03 pm บอร์ด Python Knowledge
0
30
พ 17 ม.ค. 2018 4:03 pm โดย Four
Review Applications 17 มกราคม 2561
โดย Jom07 พ 17 ม.ค. 2018 3:44 pm บอร์ด MT23 - สุพรรษา พูลตา
1
18
พ 17 ม.ค. 2018 6:19 pm โดย Jom07
การใช้ Precedence
โดย Four พ 17 ม.ค. 2018 3:36 pm บอร์ด Python Knowledge
0
32
พ 17 ม.ค. 2018 3:36 pm โดย Four
โครงสร้าง Module
โดย tsukasaz พ 17 ม.ค. 2018 3:08 pm บอร์ด Joomla Dev
0
9
พ 17 ม.ค. 2018 3:08 pm โดย tsukasaz
Index VDO Reenigne – คุณวีรศักดิ์ - odoo 10
โดย Four พ 17 ม.ค. 2018 2:33 pm บอร์ด MT22 - อิษยา งามสอาด
0
8
พ 17 ม.ค. 2018 2:33 pm โดย Four
งานประจำวันที่ 17 มกราคม 2561
โดย Four พ 17 ม.ค. 2018 9:56 am บอร์ด MT22 - อิษยา งามสอาด
3
34
พ 17 ม.ค. 2018 4:36 pm โดย Four
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
52
พ 17 ม.ค. 2018 10:51 am โดย Parichat