如何替换数据？

Question

Good day.I deduce 50 blocks. Receive information from a file in JSON format. I get a link to a photo from JSON. I give it to the page. I need to change all the photos large on the small size photos in just one click. Please tell me how to change the link everywhere at once?

var image = data["info"][i]["img"]["big"];
block += '<img src="' + image + '"/>'; 
//image - link to photo

</div>

Answer 1

If all the images are displayed inside a single element like this

<div id="gallery">
    <img ... >
    <img ....>
    .....
</div>

Then you could regenerate the entire contents of the div:

var str = "";
for (var i = 0; i < data["info"].length; i++) {
    str += '<img src="' + data["info"][i]["img"]["small"] + '"/>';
}
document.findElementById("gallery").innerHTML = str;