使用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
    };
};