Javascript ein Element mit oncklick Ereignis Erstellen einer Funktion mit einem Parameter auszuführen

Question

i erstellen wollen einige div mit einer Onclick-Ereignis eine Funktion mit einem Parameter

img.onclick=function(){getData(id);}; 

aber alle bestehenden Elemente laufen Onclick Ereignisse den letzten Wert haben der ID-Variable

meine Funktion ist

function getData(thisfolder){ 
    var request = new XMLHttpRequest(); 
    var response=""; 
    request.open("POST", "getdata.php",false); 
    request.setRequestHeader("Content-type", "application/x-www-form- urlencoded"); 
    request.send("parentid="+thisfolder); 
    response=request.responseText; 
    var contentform=document.getElementById('show-files'); 
    contentform.innerHTML=""; 

    var jsonResponse = JSON.parse(response); 

    for (i=0;i<jsonResponse['posts'].length;i++){ 
    var element=document.createElement('div'); 
    var img=document.createElement('div'); 
     img.style.cssText='background-image: url(./icons/folder.png);'; 
     img.className="fileicon"; 
     var id=jsonResponse['posts'][i]['id']; 

     img.onclick=function(){getData(id);}; 



    element.style.cssText=""; 
    element.className="folder"; 
    element.appendChild(img); 
    contentform.appendChild(element); 

} 
} 

Answer 1

Sie Gebrauch von let

machen

Versuchen Sie, diese

function getData(thisfolder){ 
var request = new XMLHttpRequest(); 
var response=""; 
request.open("POST", "getdata.php",false); 
request.setRequestHeader("Content-type", "application/x-www-form- urlencoded"); 
request.send("parentid="+thisfolder); 
response=request.responseText; 
var contentform=document.getElementById('show-files'); 
contentform.innerHTML=""; 

var jsonResponse = JSON.parse(response); 

for (i=0;i<jsonResponse['posts'].length;i++){ 
    var element=document.createElement('div'); 
    var img=document.createElement('div'); 
    img.style.cssText='background-image: url(./icons/folder.png);'; 
    img.className="fileicon"; 
    let id = jsonResponse['posts'][i]['id']; 
    img.onclick=function(){getData(id); 
}; 
element.style.cssText=""; 
element.className="folder"; 
element.appendChild(img); 
contentform.appendChild(element); 

} 
}