删除提醒时，图片不会在javascript中调整大小

Question

我有一个包含图像路径的数据库。通过PHP，我在我的网站上插入图片。问题是我赢得的代码不起作用。所以，我决定提出一些警告来弄清问题是什么。在完成警报后，我注意到图像已调整大小并重新定位。经过一番阅读后，我发现这是因为javascript与HTML和CSS同时执行，并且警报暂停了javascript，让HTML和CSS被执行。我应该如何更改代码以使图像有效？这是有问题的代码：

var box = document.getElementsByClassName("produs");
    var pic = document.getElementsByClassName("imagine_produs");
    var i;
    for (i = 0; i < pic.length; i++) {
        alert(pic[i].width);
        if ( pic[i].width > 200 ) {
            pic[i].width="200";
            alert(pic[i].width);
        }
        var marg = (box[i].clientWidth - pic[i].clientWidth ) / 2;
        pic[i].style.marginLeft = marg + "px";
        pic[i].style.marginRight = marg + "px";
    }

另外，我制作了一个相册，以显示代码的执行方式：

还有什么方法可以暂停代码或重新排列代码，使其像上一张图​​片一样工作？

谢谢！

Answer 1

您可以使用

console.log()

而不是alert（）用于调试目的。这样，您可以监控代码的运行情况，而不会通过提示中断它。

除此之外，最终可以通过CSS实现代码的功能（即margin：auto; img max-width：90％; ...）。