Question

我在javascript DOM中创建一个空div。但是当我在它上面调用一些函数时，例如，

    var hover = document.createElement("div");
    hover.className = "hover";
    overlay.appendChild(hover);
    hover.onClick = alert("hi");

onClick功能不起作用。相反，它会在到达脚本的div创建部分时立即显示警报。我做错了什么？

Answer 1

尝试addEventHandler & attachEvent将事件附加到元素：

if (hover.addEventListener)
{
    // addEventHandler Sample :
    hover.addEventListener('click',function () {
        alert("hi");
    },false);
}
else if (hover.attachEvent)
{
    // attachEvent sample : 
    hover.attachEvent('onclick',function () {
        alert("hi");
    });
}
else
{
    hover.onclick = function () { alert("hi"); };
}

Answer 2

你需要将onclick放在一个函数中，如下所示：

hover.onclick = function() {
   alert('hi!');
}

Answer 3

属性名称是“onclick”而不是“onClick”。 JavaScript区分大小写。

它还需要一个功能。 alert（someString）的返回值不是函数。

空的div没有在javascript中被识别

3 个答案: