JavaScript เปลี่ยนข้อความที่ต้องการ ด้วย innerHTML

สอนเขียนภาษา JavaScript สำหรับเปลี่ยนข้อความที่ต้องการ ด้วยคำสั่ง innerHTML โดยคำสั่งนี้สามารถเปลี่ยนข้อความตามที่ต้องการได้ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript เปลี่ยนข้อความที่ต้องการ ด้วย innerHTML

<div id="web">Devdit.com</div>

<script>
window.onload = (event) => {
    document.getElementById("web").innerHTML = "www.devdit.com"
};
</script>

1. กำหนด id = web ให้กับข้อความที่ต้องการเปลี่ยน

2. ใช้คำสั่ง window.onload เพื่อเริ่มทำงานตอนเว็บไซต์โหลดขึ้นมา

3. อ้างอิง id ที่ต้องการผ่าน document.getElementById

4. เปลี่ยนข้อความด้วยคำสั่ง innerHTML