javascript - 使用 onmouseover 调用函数

Question

我的网页上有 id 的圈子circle。现在，我想要的是当鼠标悬停在圆圈上时，应该显示一条消息。这是我在 javascript 文件中的代码：

document.getElementById("circle").onmouseover=function(){
    var information = document.getElementById("toast");
    message = "hello";
    if (alert == null){
            var toastHTML = '<div id="toast">' + message + '</div>';
            document.body.insertAdjacentHTML('beforeEnd', toastHTML);
        }
    else
        information.style.opacity = 0.9;
    intervalCounter = setInterval("hideToast",1000);
};

但似乎有一些错误，javascript终端给出：

Uncaught TypeError: Cannot set property 'onmouseover' of null

Answer 1

将您的代码包装在onload事件中，例如

window.onload=function(){
    document.getElementById("cicrle").onmouseover=function(){
        // code goes here
    };
};