JavaScript แสดงรูปภาพบนเว็บไซต์ HTML

สอนเขียน JavaScript แสดงรูปภาพบนเว็บไซต์ของภาษา HTML โดยตัวอย่างนี้จะแทรกแท็ก img ของ HTML ใน JavaScript คือให้ JavaScript แสดงรูปภาพบนเว็บไซต์ด้วยคำสั่ง innerHTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript แสดงรูปภาพบนเว็บไซต์ HTML

<div id="img"></div>
<script>        
    function loadImage() {
        document.getElementById("img").innerHTML = "<img src='https://www.devdit.com/favicon-16x16.png' />";
    }
    window.onload = (event) => {
        loadImage();
    };        
</script>

1. สร้าง div id = img สำหรับแสดงรูปภาพบนเว็บไซต์ด้วย JavaScript

2. ใช้คำสั่ง document.getElementById อ้างถึง div id = img

3. ใช้คำสั่ง innerHTML แสดงรูปภาพด้วยแท็ก img ของ HTML