javascript - 用按钮替换图像链接

Question

我对 javascript 非常陌生，我对这段代码有一些疑问。当我从我的代码中单击一个按钮时，我想替换我的图像链接。问题是我的图片链接在我点击按钮之前已经被替换了。这是代码。

function myFunction(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s1600/, "/s" + size);
        image[i].width = size;
        image[i].height = size;
    }
}
myFunction('myDIV', 100);

<button onclick="myFunction()">Try it</button>
<div id="myDIV">
<img src="http://2.bp.blogspot.com/-EmuHtKr11Jc/UFwUpHjrXAI/AAAAAAAABfk/LePqC5gLhwE/s1600/paksa-klik-ilkan.jpg">
</div>

Answer 1

function myFunction(parentID, size) {
    var parent = document.getElementById(parentID);
    var image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s1600/, "/s" + size);
        image[i].width = size;
        image[i].height = size;
    }
}
//this will directly call the function and make it a small sized image
//that is why your click does not work
//myFunction('myDIV', 100);

<!--add params into click actions rather than the js above-->
<button onclick="myFunction('myDIV', 100)">Try it</button>
<div id="myDIV">
<img src="http://2.bp.blogspot.com/-EmuHtKr11Jc/UFwUpHjrXAI/AAAAAAAABfk/LePqC5gLhwE/s1600/paksa-klik-ilkan.jpg">
</div>