好的，我有一个基本的javascript函数，可以在xmlHttpRequest（）期间创建图像

function generateImage() {
        var workoutImg = document.createElement("img");
        workoutImg.setattribute("src",arrayUsed[i].picture);
        workoutImg.setattribute("class","card-img-top");

        return workoutImg;
    }

如您所见，每个图像都被赋予了类名card-img-top。加载页面上的所有图像后，我尝试使用

var x = document.getElementsByClassname("card-img-top").length;
for(i=0; i<x; ++i) {...do something}

由于某种原因，即使屏幕上有9张图像，x也会返回0。在控制台中，当我使用上面完全相同的代码时，它可以正常工作。我应该如何解决这个问题？