Question

 var clicks = 0;
    function clickME() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;


    var btn = document.createElement("BUTTON");
    var t = document.createTextNode(clicks);

    btn.setAttribute("onClick", clicks);

    btn.appendChild(t);
    document.body.appendChild(btn);


 }
<button type="button" onClick="clickME(**strong text**)">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

这是使用计数器创建新按钮的代码。现在，我想为每个新按钮实现相同的功能。请引导我。

Answer 1

问题出在这一行

btn.setAttribute("onClick", clicks);

clicks是变量，用于统计点击次数，不是功能。您想将功能分配给新按钮，如下所示：

btn.onclick = clickME;

下面是代码：https://codesandbox.io/s/still-frog-0qust

每次单击都会创建一个新按钮。如何为新创建的按钮创建相同的功能

1 个答案: