I'm trying to download some object in the page from console. But it only save when I=3(last iteration), I think the problem may be the need to wait for downloads, but idk how to solve it.

First, the elements are render by canvas, so I turn them to image format. Then, turn them into element, and click it to download.

I use the way in How to save a base64 image to user's disk using JavaScript?

But it only work in last iteration... any help? much thanks.

for(let i=1;i<=3;i++){
    // load image
    item_id = 'page'+i;
    document.getElementById(item_id)
    let image = document.getElementById(item_id).toDataURL("image/png").replace("image/png", "image/octet-stream");

    // download image
    var link = document.createElement("a");
    document.body.appendChild(link);
    link.setAttribute("href", image);
    link.setAttribute("download", item_id+'.png');
    link.click();
}