Javascript 如何为此按钮添加“onclick”事件

我使用js创建按钮。如何为此按钮添加一个

onclick

事件

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

---

要向单击侦听器添加函数，请使用

HTMLElement\addEventListener（）

：

---

这将调用函数

func

var b1=document.createElement（“按钮”）；
var d3=document.getElementById（“d”）；
b1.setAttribute（“类”、“btn btn默认值”）；
b1.设置属性（“id”、“视图详细信息”）；
b1.innerHTML=“查看详细信息”；
d3.儿童（b1）；
b1.addEventListener（“单击”，func）
函数func（）{
console.log（“单击”）
}

.btn{
}

---

还有一种方法可以做到这一点：（使用Scath的代码片段）

使用onclick属性

var b1=document.createElement（“按钮”）；
var d3=document.getElementById（“d”）；
b1.setAttribute（“类”、“btn btn默认值”）；
b1.设置属性（“id”、“视图详细信息”）；
b1.setAttribute（“onclick”，“clickevent（）；”）
b1.innerHTML=“查看详细信息”；
d3.儿童（b1）；
函数clickevent（）{
console.log（“单击”）
}

.btn{
}

---

b1.addEventListener（“单击”，函数（）{}）

？？用你们的术语来说，什么是函数？对于按钮onclick？…或者生成这样一个按钮？我想为按钮写一个函数onclick@AshishRanjan我会检查：）如果我错了，请纠正我，但是

b1.addEventListener（“单击”，function（）{func（）}）

是不必要的

b1.addEventListener（“单击”，func）

应该也能正常工作。你们都是对的，谢谢。我有b1.addEventListener（“click”，func（）），它只调用onload，而不是click删除parens使其工作。

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);