div动态添加点击事件

div动态添加点击事件

方法

• div动态添加点击事件
• 一、直接在div上添加onclick
• 二、DOM事件处理
• 二、监听事件处理

---

一、直接在div上添加onclick

<div id="div" onclick="('成功')">点击</div>

二、DOM事件处理

var div = document.getElementById("div");
div.onclick = function(){
    console.log("成功");
}

二、监听事件处理

addEventListener 有三个参数，第一个是不带“on”的事件名称，如 click/mouseover/focus等。

var div= document.getElementById("div");
div.addEventListener("click", function(){
   console.log("成功");
});

---