×

คำเตือน

JUser: :_load: Unable to load user with ID: 6465

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

javascript3.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 482 bytes

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

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สรุปความรู้จากวีดีโอการสร้างเทมเพลต
โดย tai14 จ 20 ส.ค. 2018 7:44 pm บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
0
2
จ 20 ส.ค. 2018 7:44 pm โดย tai14
แนะนำตัวช่วยในการ หาคำที่มีจำนวนการใช้งานมากที่สุด
โดย tatiya จ 20 ส.ค. 2018 4:54 pm บอร์ด Python Knowledge
0
11
จ 20 ส.ค. 2018 4:54 pm โดย tatiya
ตัวอย่างการใช้ Match Fuction
โดย tai14 จ 20 ส.ค. 2018 4:29 pm บอร์ด PHP Knowledge
0
8
จ 20 ส.ค. 2018 4:29 pm โดย tai14
ทำความรู้จักกับ Built-in Functions
โดย tai14 จ 20 ส.ค. 2018 3:40 pm บอร์ด PHP Knowledge
0
8
จ 20 ส.ค. 2018 3:40 pm โดย tai14
กลุ่มคำสั่งการทำงานซ้ำ
โดย tai14 จ 20 ส.ค. 2018 11:51 am บอร์ด PHP Knowledge
0
14
จ 20 ส.ค. 2018 11:51 am โดย tai14
ใบเสร็จรับเงินจาก POS แสดงเลขที่ Invoice ไม่ถูกต้อง [2018-08][006]
โดย AePongsak จ 20 ส.ค. 2018 10:54 am บอร์ด Hachanna - Testter
2
13
จ 20 ส.ค. 2018 5:18 pm โดย AePongsak
งานประจำวันที่ 20 สิงหาคม 2561
โดย Lamduan จ 20 ส.ค. 2018 10:23 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
4
จ 20 ส.ค. 2018 10:23 am โดย Lamduan
งานที่ต้องทำประจำวันที่ 20 สิงหาคม 2561
โดย tai14 จ 20 ส.ค. 2018 10:18 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
4
15
จ 20 ส.ค. 2018 8:21 pm โดย thatsawan
งานประจำวันที่ 20 สิงหาคม 2561
โดย tatiya จ 20 ส.ค. 2018 10:13 am บอร์ด M065 - ตติยะ นาชัย
1
4
จ 20 ส.ค. 2018 7:34 pm โดย tatiya
งานประจำวันที่ 20 สิงหาคม 2561
โดย pprn จ 20 ส.ค. 2018 10:11 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
7
จ 20 ส.ค. 2018 7:37 pm โดย pprn
งานประจำวันที่ 20 สิงหาคม 2561
โดย prakon จ 20 ส.ค. 2018 10:07 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
16
จ 20 ส.ค. 2018 10:07 am โดย prakon
B - Period Payment หน้าทำใบเสนอราคาต้องอยู่ ที่ tab แรก และเป็นราคาหลังรวม vat แล้ว
โดย mindphp จ 20 ส.ค. 2018 3:42 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
จ 20 ส.ค. 2018 3:42 am โดย mindphp
Q-สอบถามครับตอนนี้ผมติดปัญหา EnvironmentError: [Errno 13] Permission denied:
โดย tatiya อ 19 ส.ค. 2018 10:41 pm บอร์ด Programming - C/C++ & java & Python
2
28
จ 20 ส.ค. 2018 6:21 am โดย tatiya
วิธีแก้ปัญหา 'pip' is not recognized as an internal or external command, operable program or batch file
โดย tatiya อ 19 ส.ค. 2018 9:56 pm บอร์ด Python Knowledge
0
13
อ 19 ส.ค. 2018 9:56 pm โดย tatiya
สอบถามวิธีติดตั้งตัว module pythainlp ครับ
โดย tatiya อ 19 ส.ค. 2018 5:41 pm บอร์ด Programming - C/C++ & java & Python
3
25
อ 19 ส.ค. 2018 8:10 pm โดย mindphp
สอบถามวิธีการใส่ค่าที่ต้องการใน type="number" เป็นตัวเลขได้ทั้งบวก ลบ และทศนิยมที่มีค่าเป็นบวกและลบ แต่ไม่เอา 0 ค่ะ
โดย pprn ส 18 ส.ค. 2018 8:14 pm บอร์ด HTML CSS
1
26
อ 19 ส.ค. 2018 5:15 pm โดย mindphp
B - หน้า Contact ของลูกค้ามีปุ่มติ๊กเกินมา
โดย thatsawan ส 18 ส.ค. 2018 6:59 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
ส 18 ส.ค. 2018 6:59 pm โดย thatsawan
อบรมระบบ ERP Odoo 11 ครั้งที่ 30 วันที่ 18 สิงหาคม 2561
โดย Lamduan ส 18 ส.ค. 2018 6:58 pm บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
5
ส 18 ส.ค. 2018 6:58 pm โดย Lamduan
สอบถามวิธีการคำนวณหา Rate ค่ะ
โดย pprn ส 18 ส.ค. 2018 6:51 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
22
ส 18 ส.ค. 2018 6:51 pm โดย pprn
B - ฐานจริง User M017 สร้าง inv จากหน้า sale ไม่ได้
โดย thatsawan ส 18 ส.ค. 2018 4:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
ส 18 ส.ค. 2018 4:57 pm โดย thatsawan