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

javascript3.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 482 bytes

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

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราบวิธีสร้างเว็บหน้าเดียวแบบกรอกข้อมูลเสร็จแล้วประมวลผล
โดย phongkhukhan ส 28 มี.ค. 2020 1:00 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
46
ส 28 มี.ค. 2020 1:09 am โดย mindphp
แสดงสินค้าที่อยากได้ใน Wishlist ด้วย Module Wishlist
โดย prmindphp ศ 27 มี.ค. 2020 5:26 pm บอร์ด MindPHP News & Feedback
0
15
ศ 27 มี.ค. 2020 5:26 pm โดย prmindphp
B - package member หน้า Migrate ข้อมูลบัตรประชนซ้ำได้ ต้องทำไม่ได้เเละเก็บ logs ด้วย
โดย thatsawan ศ 27 มี.ค. 2020 4:25 pm บอร์ด ThaiVI (Main)
0
1
ศ 27 มี.ค. 2020 4:25 pm โดย thatsawan
ต้องการสร้าง subtype
โดย blackbullx16 ศ 27 มี.ค. 2020 4:15 pm บอร์ด SQL - Database
0
39
ศ 27 มี.ค. 2020 4:15 pm โดย blackbullx16
อยากทราบวิธีการใช้งาน อีเวน cron ว่ามีการใช้งานอย่างไครับ
โดย Ittichai_chupol ศ 27 มี.ค. 2020 11:10 am บอร์ด Programming - PHP
1
17
ส 28 มี.ค. 2020 11:42 am โดย mindphp
อยากทราบวิธีการแก้ไขการแปลงปีวันที่ใน phpbb ผิด เมื่อกรอกวันที่ 29/02
โดย Ittichai_chupol ศ 27 มี.ค. 2020 10:42 am บอร์ด Programming - PHP
1
13
ส 28 มี.ค. 2020 11:41 am โดย mindphp
อยากทราบวิธีการจะสร้างการทำงานสำหรับการแจ้งเตือนของ Extension ในอีเวน cron
โดย Ittichai_chupol พฤ 26 มี.ค. 2020 10:34 am บอร์ด PHP Knowledge
2
63
พฤ 26 มี.ค. 2020 2:34 pm โดย LEG
แสดงสินค้าขายดีในร้านค้าออนไลน์ด้วย Module MZC Bestseller
โดย prmindphp พ 25 มี.ค. 2020 5:42 pm บอร์ด MindPHP News & Feedback
0
34
พ 25 มี.ค. 2020 5:42 pm โดย prmindphp
อยากทราบวิธีการที่จะสามารถปิดการแสดงของ modules ใน ucp โดยไม่ต้องเข้าไปจัดการในระบบ
โดย Ittichai_chupol พ 25 มี.ค. 2020 1:04 pm บอร์ด Programming - PHP
1
29
พ 25 มี.ค. 2020 1:05 pm โดย Ittichai_chupol
วิธีการสมัครเข้าใช้งาน Skype สำหรับใช้งาน VDO video conference ในมือถือ
โดย numtan5839 พ 25 มี.ค. 2020 11:26 am บอร์ด Microsoft Office Knowledge & line & Etc
1
91
พฤ 26 มี.ค. 2020 2:34 pm โดย LEG
อยากท่องเที่ยวใหว้พระอุดรกับรถเช่าอุดร แนะนำ
โดย udon999 อ 24 มี.ค. 2020 10:49 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
27
อ 24 มี.ค. 2020 10:49 pm โดย udon999
อยากเที่ยวอุดร ลองเช่ารถอุดร ท่องเที่ยวใหว้พระเชิญทางนี้
โดย udon999 อ 24 มี.ค. 2020 9:57 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
อ 24 มี.ค. 2020 9:57 pm โดย udon999
แสดงหมวดหมู่สินค้าให้กับร้านค้าออนไลน์ด้วย Module Category
โดย prmindphp อ 24 มี.ค. 2020 5:57 pm บอร์ด MindPHP News & Feedback
0
29
อ 24 มี.ค. 2020 5:57 pm โดย prmindphp
3 การขนส่งสินค้าที่แปลกที่สุดในโลก
โดย ngongsus อ 24 มี.ค. 2020 12:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
35
อ 24 มี.ค. 2020 12:58 pm โดย ngongsus
ตะกร้าสินค้าที่บอกรายละเอียดได้มากกว่าแค่ราคาสินค้า Module MooZiiCart - Cart Ext
โดย prmindphp จ 23 มี.ค. 2020 6:21 pm บอร์ด MindPHP News & Feedback
0
63
จ 23 มี.ค. 2020 6:21 pm โดย prmindphp
3 ข้อเท็จจริงอันน่าสนใจเกี่ยวกับไวรัสโคโรนา 2019 (COVID-19)
โดย nemo413 จ 23 มี.ค. 2020 6:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
55
จ 23 มี.ค. 2020 6:05 pm โดย nemo413
อยาทราบวิธีการสร้างลิ้งค์ ไปยัง จากส่วนการแจ้งเตือน ไป ยัง Extension ที่อยู่ในส่วนของ ucp
โดย Ittichai_chupol จ 23 มี.ค. 2020 4:28 pm บอร์ด Programming - PHP
1
159
จ 23 มี.ค. 2020 5:01 pm โดย mindphp
วางแผนค่าลดหย่อนภาษีอย่างไรให้ได้ประโยชน์ระยะยาว
โดย medalezga จ 23 มี.ค. 2020 12:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
35
จ 23 มี.ค. 2020 2:19 pm โดย kreemza123
ประกันสังคมปรับลดอัตราส่งเงิน 4% นาน 6 เดือน เพื่อบรรเทาผลกระทบการแพร่ระบาดโรคไวรัส COVID-19
โดย thatsawan อ 22 มี.ค. 2020 1:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
139
อ 22 มี.ค. 2020 1:48 pm โดย thatsawan
แนะนำสินค้าใหม่ในร้านค้าออนไลน์ของคุณให้น่าสนใจมากขึ้นด้วย Latest Products
โดย prmindphp ศ 20 มี.ค. 2020 5:27 pm บอร์ด MindPHP News & Feedback
0
193
ศ 20 มี.ค. 2020 5:27 pm โดย prmindphp