innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

ถ้าพูดถึงการสร้างหน้าเว็บเราก็ต้องใช่แท็ก HTML สร้างเป็นโครงหน้าเว็บไซต์ของเราอยู่แล้วซึ่งเราก็จะสามารถใช้แท็กใน HTML ให้แสดงตัวอักษรออกมาได้เลยแต่ว่าถ้าเราอยากจะให้ข้อความที่เราใช่แท็ก HTML ของเราเปลี่ยนข้อความไปล่ะจะต้องทำอย่างไรบทความนี้ก็จะเป็นการสอบทำให้ข้อความในแท็ก HTML เปลี่ยนไปด้วย javascript วิธีการมีดังนี้

โค้ด: เลือกทั้งหมด

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <p id="text">ตัวอย่างการแทนที่ของข้อความ</p>

    <script>
      document.getElementById('text').innerHTML = 'ทดสอบแทนที่ขอความด้วย javascript';
    </script>
  </body>
</html>
ผลลัทธ์ที่ได้
Selection_999(1611).png
Selection_999(1611).png (8.91 KiB) Viewed 2951 times
จะเห็นได้ว่าแท็ก P ที่ควรแจะแสดงข้อความว่า ตัวอย่างการแทนที่ของข้อความ กลับกลายเป็นแสดงข้อความ ทดสอบแทนที่ขอความด้วย javascript นั้นเป็นเพราะคำสั่ง innerHTML นั้นเองโดยเราต้องกำหนด id ให้กับแท็กที่ต้องการจะเปลี่ยนข้อความด้วยเพราะว่าจะได้รู้ว่าคำสั่ง innerHTML จะไปแทนข้อความที่แท็กไหน

เป็นอย่างไรบ้างสำหรับการใช้คำสั่ง innerHTML ใน javascript ใช่ไม่ยากใช่ไหมล่ะครับเพียงแค่เรากำหนด id ให้ตรงกันก็สามารถใช้งานได้แล้วก็หวังว่าทุกท่านจะได้รับความรู้ความเข้าใจเรื่องนี้ไปไม่น้อยก็น้อยมากนะครับ
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ศึกษา เพิ่มเติมได้ที่ไหน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

สอบถามเพิ่มเติมได้ที่ไหน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

Re: innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

สอบถามเพิ่มเติมเรื่อง javascript หรือ Jquery Ajax สามารถฝากคำถามได้ที่นี่เลย ครับ

JavaScript & Jquery Ajax
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 27