如何为此按钮添加`onclick`事件

Question

我使用js创建按钮。如何为此按钮添加onclick事件。

var b1 = document.createElement("button");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.innerHTML = "View Details";
d3.appendChild(b1);  

Answer 1

要向点击侦听器添加功能，请使用HTMLElement#addEventListener()：

let b1 = document.createElement("button");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.innerHTML = "View Details";
b1.addEventListener("click", function() {/* your code here */});
d3.appendChild(b1);

Answer 2

以下是另一种方法:(使用Scath＆＃39; s片段）

使用onclick attribte

＆＃13;

＆＃13;

var b1 = document.createElement("button");
var d3 = document.getElementById("d");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.setAttribute("onclick", "clickevent();")
b1.innerHTML = "View Details";
d3.appendChild(b1); 
   

function clickevent(){
console.log("clicked")
}

＆＃13;

.btn{

}

＆＃13;

<div id="d"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

这将调用函数func。

var b1 = document.createElement("button");
var d3 = document.getElementById("d");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.innerHTML = "View Details";
d3.appendChild(b1);  
b1.addEventListener("click", func)

function func(){
console.log("clicked")
}

.btn{

}

<div id="d"></div>