向 HTML 属性添加附加内容 (+=)

Question

我有一个 HTML onclick 属性，我试图在不删除现有属性的情况下在按键上动态添加其他属性。 也就是说……

说我有

<button onclick="doThis(1)">

每次按下按钮时，我都想添加，所以第一次按下按钮时，你会得到

<button onclick="doThis(1), doThis(2)">

第三次：

<button onclick="doThis(1), doThis(2), doThis(3)">

等等

有什么办法吗

document.getElementById("mybtn").onclick += doThis($n{index};

还是我只需要独立构建字符串？

如果不建立一个大字符串来添加到 setAttribute，我似乎无法弄清楚。当我尝试上面的 JS 代码的变体时，我的浏览器崩溃了:(

谢谢你看看！！

Answer 1

好的，我真的不喜欢这个答案，但它确实可以满足您的需求。我不喜欢它，因为它依赖于将事件处理程序设置为 DOM 对象的属性，而不是使用 W3C DOM Level 2 事件模型。但是，除此之外，给你...

window.doThisCounter = 1;
var eventList = "";

function doThis(){
      console.log(eventList);
      window.doThisCounter++;
      eventList += "doThis(" + window.doThisCounter + ");";
      btnGo.setAttribute("onclick", eventList);
}


// This will execute once, when page is ready:
window.addEventListener("DOMContentLoaded", function(){
  
  var btn = document.getElementById("btnGo");

  (function(counter){
    eventList = "doThis(1);";
    btnGo.setAttribute("onclick", eventList);
  }(window.doThisCounter));
  
});

<button id="btnGo">Click Me!</button>