getElementByClassName给出空数组，但chrome控制台提供所有元素

Question

我试图获得所有带有类名的元素＆＃34; game-image＆＃34;把它放到一个数组中，这样我就可以遍历它了。在我的javascript文件中，我有以下内容：

var gameImages = document.getElementsByClassName("game-image");
console.log(gameImages.length)
console.log(gameImages)

我的HTML文件中有多个图像，如此（是口袋妖怪）

<img class="game-image" id="bulbasaur" src="images/pokeball.jpg">

现在，当我在chrome上检查dev工具控制台时，控制台会显示0的长度和[]的gameImages。但是当我在控制台中输入console.log(gameImages)时，我得到了我想要的数组。谁知道为什么？

这个相同的代码适用于我的其他项目，但不是这个。