谷歌console可以输出对象，js用cosole.log输出为不存在

bug描述

var fansItem = document.getElementsByClassName("fansItem");
funciton fans() {
    console.log(fansItem[0]);
}
fans();

在js文件中此段代码输出的对象为不存在，但是我在开发者工具console却可以输出他。而且改为console.log(fansItem)也可以输出。

解决方法
设置为在页面加载完成后输出该对象，改完代码如下：

var fansItem = document.getElementsByClassName("fansItem");
window.onload = funciton() {
    console.log(fansItem[0]);
}

这样就可以正常输出了。我猜测可能是页面还没加载完，所以js读取不到对象。但是我的js引用语句是放在闭合body标签附近的，应该没问题才对。如果有知道的朋友，请留言跟我说下主要是哪里出错了。但之后又不行了。