javascript - 动态更新网页图片

Question

首先，我想说我对 javascript 还很陌生，所以我希望你不要那么批评我。

我想知道，如何实现网页图片的动态更新，它应该从另一个网页加载照片。我正在使用 javascript 并实现了一些功能，但它没有给出预期的结果。

我在网上搜索过，没有符合上述要求的。

因此，任何人都可以帮我找出解决问题的方法吗？

<script>
        var imageRep = document.createElement('img'), src='http://www.free.fr/freebox/im/logo_free.png';

        var parent=document.getElementById("div1");
        var child=document.getElementById('change').src;
        parent.replaceChild(imageRep,child);

    </script>

这是html部分:

 <a href="story-ck.html">
            <div class="mix mix-story europe asia" id="div1">
            <img src="img/hero/ck.jpg" style="width: 100%;" id="change">

Answer 1

var change = document.getElementById('change');
function changeImg(){
change.src = 'http://s5.tinypic.com/98yjb6_th.jpg'
}

 <img src="http://s6.tinypic.com/id6u77_th.jpg" style="width: 100%;" id="change">" 
 <button onClick='changeImg()'>change image</button>