Question

无法将功能添加到元素javascript

函数modalbg.onclick不起作用。

var modalbg = document.createElement("div");

document.body.appendChild(modalbg); // to place at end of document
    modalbg.onclick(function () {
       alert();
})

错误是：

（index）：625 Uncaught TypeError：modalbg.onclick不是函数（...）

Answer 1

您的语法：

modalbg.onclick(function () {
            alert();
        })

错误，报告的错误消息明确告诉您错误原因：onclick不是函数。

如果必须使用onclick，则适当的语法是：

modalbg.onclick = function () {
        alert();
      };

虽然我强烈建议您离开onclick事件处理程序，然后使用EventTarget.addEventListener()代替：

modalbg.addEventListener('click', alert);

或者：

modalbg.addEventListener('click', function(){
  alert();
});

参考文献：

EventTarget.addEventListener()。

Answer 2

您还可以通过将Event Listener添加到DOM元素来实现此目的。

var modalbg = document.createElement("div");

        document.body.appendChild(modalbg); // to place at end of document
        modalbg.innerHTML = "click me";
        modalbg.addEventListener('click', function () {
            alert("Hai");
        })

无法在div元素javascript中添加“onclick”功能

2 个答案: