关于html的onmouseover属性调用不成功

以下是我的html内容

这是我在js中的相关代码

这是最终控制台输出

想请问为什么js中给onmouseover加函数不会调用呢？
（不是因为和标签里冲突了，之前html中没有写t函数是控制台也没有内容）
麻烦解答了，感谢！

在var banner = document.getElementsByClassName("banner")后面加个[0];
就是写成
var banner = document.getElementsByClassName("banner")[0];
因为getElementsByClassName 方法获取的不是一个元素。

关于js里的banner