如何将ID，值和onclick事件添加到动态生成的div中

Question

我必须添加onglets（dev）并影响它们的id，值和onclick。 我试过这种方式，但没有工作

function functionDeleteLevel(s1,s2){
  var s1 = document.getElementById(s1);
  var s2 = document.getElementById(s2);
  s2.innerHTML = "";
  var formData = new FormData();
  formData.append("valeur", "deleteLevel");
  ajaxPost("/deleteLevel", formData, function (reponse) {
    var data = JSON.parse(reponse);
    data.forEach(function(level){
      var newLi = document.createElement("li");
      newLi.value = level.level;
      newLi.id = "levelId_"+level.level;
      newLi.innerHTML = 'onclick="functionSelectedLevel(this.id)"';
      newLi.innerHTML = '<a data-toggle="tab">Niveau'+level.level+'</a>';
      s2.appendChild(newLi);
    });

  });
}

Answer 1

你可以使用

newLi.addEventListener('click', function() {functionSelectedLevel(this.id);}) 

或

newLi.onclick = function() {functionSelectedLevel(this.id);};

或 - 稍微更改为functionSelectedLevel

newLi.addEventListener('click', functionSelectedLevel) 

或

newLi.onclick = functionSelectedLevel;

functionSelectedLevel将是

functionSelectedLevel() {
    // here, the value of this is the element that was clicked
    do things with this.id
}