ダイナミック生成divにID、値、onclickイベントを追加する方法

Question

私はonglets（dev）を追加し、id、value、onclickに影響を与えなければなりません。 私はこの方法で試してみましたが、あなたは

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

または

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

を使用したりすることができます

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

が動作しない - 変更のビットとfunctionSelectedLevel

newLi.addEventListener('click', functionSelectedLevel) 

へ

または

newLi.onclick = functionSelectedLevel; 

functionSelectedLevelは、私は 'のonclick = "functionSelectedLevel（this.id）"' = newLi.innerHTMLを変更

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