Question

我创建了一个按钮，单击该按钮时会创建另一个按钮，但是我不确定如何对该按钮进行onclick事件

function boyFunction(){
    var btn1 = document.createElement("BUTTON");
    var x = document.createTextNode("basketball");
    btn1.appendChild(x);
    document.body.appendChild(btn1);
    btn1.classList.add('btn1');
}

我希望能够单击篮球按钮并使该按钮显示图像

Answer 1

您可以添加如下所示的Click Handler：

document.getElementById('button').onclick = function() {
   alert("button was clicked");
};

当然，您需要为新按钮指定ID“按钮”或您选择的任何其他ID

Answer 2

必须完成三件事。

首先，您的新元素将需要一个ID

export class User {
    id: number;
    mobile: string;
    password: string;
}

需要为您的新元素创建

click事件处理程序

btn1.setAttribute("id", "myButton");

然后您将在新函数中定义点击处理程序

document.getElementById("myButton").addEventListener("click", myButtonClickHandler);

完成上述更改后，您的代码如下所示：

function myButtonClickHandler {
// my code
}

Answer 3

可以这样工作：

function boyFunction(){
    var btn1 = document.createElement("BUTTON");

    // your "onclick function" goes here
    btn1.onclick = function () { };

    var x = document.createTextNode("basketball");
    btn1.appendChild(x);
    document.body.appendChild(btn1);
    btn1.classList.add('btn1');
}

Answer 4

您可以简单地做到这一点

 function boyFunction(){
        var btn1 = document.createElement("BUTTON");
        btn1.addEventListener('click',()=>console.log('clicked'));
        var x = document.createTextNode("basketball");
        btn1.appendChild(x);
        document.body.appendChild(btn1);
        btn1.classList.add('btn1');
    }

我如何使第二个按钮具有onclick功能

4 个答案: