Dynamisch erstellen onclick event anchor element - javascript

Question

Wie erstelle ich dynamisch eine onclick-Funktion in einem Hyperlink in Javascript?

Dies ist ein Codesnippet - eine While-Schleife, die mehrere Hyperlinks auf derselben Seite erstellt. Ich habe versucht, nur das Onclick-Ereignis an das a-Element hinzufügen, das heißt

a.onclick=myfunction() 

aber, wenn die Seite mit einer Liste dieser Links geladen wird - die Funktion automatisch für jeden Link aufgerufen wird.

So sieht mein Code aus - ich denke, ich sollte eine ID für jeden Link verwenden?

var a = document.createElement('a'); 
    var linkText = document.createTextNode(child.innerHTML); 
    a.appendChild(linkText); 
    a.title = child.innerHTML; 
    a.href = "#stockContent" + i; 
    a.id = "link_id" + i; 

    ... 

i die Iteratorvariable

Answer 1

a.onclick=myfunction() 

ist der Rückgabewert von myfunction als Onclick gesetzt. Was Sie wollen, ist folgende:

a.onclick=myfunction 

Answer 2

Sie die Onclick-Funktion auf zwei Arten angeben:

1) mit einer benannten Funktion:

function myFunction(){ 
    alert('hello'); 
} 

a.onclick = myFunction; 

2) mit einer anonymen Funktion:

a.onclick = function(){ 
    alert('hello'); 
};