添加onclick事件以動態創建元素

Question

我想創建div列表，其中一個div應該是這樣的：

<div onclick="myFunc(this, 'arrayValue')"></div>

我想通過遍歷數組並將索引值傳遞給函數來實現它。 setAttribute的解決方案之一是使用setAttribute ：

  for(var i = 0; i < array.length; i++){
    var div = document.createElement("div");
    div.setAttribute("onclick", 'myFunc(this, \''+array[i]+'\')');
    myDiv.appendChild(div);
  }

唯一的問題是，這部分看起來真的很丑： \\''+array[i]+'\\')'還有其他方法可以實現嗎？ 看起來像這樣或類似的東西：

    div.setAttribute("onclick", myFunc(this, array[i]);

---

順便說一句 其他解決方案：當我使用div.onclick ，onclick attr在div上不可見（結果： <div></div> ），可能是我做錯了。

Answer 1

 var array = ['bla1','bla2']; var myFunc = function(value) { alert('click : '+ value); }; var myDiv = document.getElementById('myDiv'); for(var i = 0; i < array.length; i++){ var div = document.createElement("div"); div.className = 'bla'; myDiv.appendChild(div); div.addEventListener('click', myFunc.bind(this, array[i])); } 

 .bla { border: 1px solid black; width: 20px; height: 20px; margin: 10px; } 

 <div id="myDiv"></div> 

那是你想要的嗎？