<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript">
            window.onload = function() {
                var bigImg = document.createElement("img"); //创建一个img元素

                bigImg.src = "https://a.xn--xu0a.cn/"; //给img元素的src属性赋值
                //bigImg.width="320";  //320个像素 不用加px
                var myp = document.getElementById('myp'); //获得dom对象
                myp.appendChild(bigImg); //为dom添加子元素img

            };
        </script>
    </head>
    <body>
        <div id="myp" style="border:1px solid #eee;width:320px;height:100px;"></div>
    </body>

</html>

转载:javascript如何添加图片? | 生活知识百科 | 易知道
http://www.ezd.cc/zs/22812.html