โดย jamepiyawat » 15/11/2019 3:47 pm
ถ้าพูดถึงการสร้างหน้าเว็บเราก็ต้องใช่แท็ก
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 (8.91 KiB) Viewed 3004 times
จะเห็นได้ว่าแท็ก P ที่ควรแจะแสดงข้อความว่า ตัวอย่างการแทนที่ของข้อความ กลับกลายเป็นแสดงข้อความ ทดสอบแทนที่ขอความด้วย javascript นั้นเป็นเพราะคำสั่ง innerHTML นั้นเองโดยเราต้องกำหนด id ให้กับแท็กที่ต้องการจะเปลี่ยนข้อความด้วยเพราะว่าจะได้รู้ว่าคำสั่ง innerHTML จะไปแทนข้อความที่แท็กไหน
เป็นอย่างไรบ้างสำหรับการใช้คำสั่ง innerHTML ใน javascript ใช่ไม่ยากใช่ไหมล่ะครับเพียงแค่เรากำหนด id ให้ตรงกันก็สามารถใช้งานได้แล้วก็หวังว่าทุกท่านจะได้รับความรู้ความเข้าใจเรื่องนี้ไปไม่น้อยก็น้อยมากนะครับ
ถ้าพูดถึงการสร้างหน้าเว็บเราก็ต้องใช่แท็ก [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2026-html-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]HTML[/url] สร้างเป็นโครงหน้า[url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/3585-website-%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C.html]เว็บไซต์[/url]ของเราอยู่แล้วซึ่งเราก็จะสามารถใช้แท็กใน HTML ให้แสดงตัวอักษรออกมาได้เลยแต่ว่าถ้าเราอยากจะให้ข้อความที่เราใช่แท็ก HTML ของเราเปลี่ยนข้อความไปล่ะจะต้องทำอย่างไรบทความนี้ก็จะเป็นการสอบทำให้ข้อความในแท็ก HTML เปลี่ยนไปด้วย [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2187-java-javascript-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]javascript[/url] วิธีการมีดังนี้
[code]
<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>
[/code]
ผลลัทธ์ที่ได้
[attachment=0]Selection_999(1611).png[/attachment]
จะเห็นได้ว่าแท็ก P ที่ควรแจะแสดงข้อความว่า ตัวอย่างการแทนที่ของข้อความ กลับกลายเป็นแสดงข้อความ ทดสอบแทนที่ขอความด้วย javascript นั้นเป็นเพราะคำสั่ง innerHTML นั้นเองโดยเราต้องกำหนด id ให้กับแท็กที่ต้องการจะเปลี่ยนข้อความด้วยเพราะว่าจะได้รู้ว่าคำสั่ง innerHTML จะไปแทนข้อความที่แท็กไหน
เป็นอย่างไรบ้างสำหรับการใช้คำสั่ง innerHTML ใน javascript ใช่ไม่ยากใช่ไหมล่ะครับเพียงแค่เรากำหนด id ให้ตรงกันก็สามารถใช้งานได้แล้วก็หวังว่าทุกท่านจะได้รับความรู้ความเข้าใจเรื่องนี้ไปไม่น้อยก็น้อยมากนะครับ