Dynamische P-Elemente anklickbar

Question

Ich versuche, die Elemente anklickbar zu machen. Beim Klicken auf eines der <p> Elemente gibt es jedoch keine Warnmeldung mit dem Hinweis "Hallo". Könntest du mir bitte meinen Code ansehen und mir vielleicht in die richtige Richtung zeigen?

function createLink(text, parentElement) { 
    var a = document.createElement('p'); 
    var linkText = document.createTextNode(text); 
    a.appendChild(linkText); 
    a.onclick = function(e) { 
    e.preventDefault(); 
    alert("hello"); 
    }; 
    parentElement.appendChild(a); 
    var br = document.createElement('br'); 
    parentElement.appendChild(br); 
} 
var txtFile8 = new XMLHttpRequest(); 
txtFile8.open("GET", "http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt", true); 
txtFile8.onreadystatechange = function() { 
    if (txtFile8.readyState === 4) { // Makes sure the document is ready to parse. 
    if ((txtFile8.status == 200) || (txtFile8.status == 0)) { // Makes sure it's found the file. 
     allText8 = txtFile8.responseText; 
     arrayOfLines8 = allText8.match(/[^\r\n]+/g); 
     for (i = 0; i < arrayOfLines8.length - 1; i++) { 
     createLink(arrayOfLines8[i], document.getElementById("previousResultsList")); 
     } 
    } 
    } 
}; 

txtFile8.send(null); 

Das Skript analysiert eine Textdatei online: http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt

die wöchentlich aktualisiert wird und darin geschrieben Daten wie folgt:

19/04/16

12/04/16 ...

Mein Skript trennt das Textdokument in jede Zeile und speichert es als Array. Ein for-Schleife wird dann verwendet, die Daten auf dem Bildschirm in einer Spalte zu zeigen, die wie so aussieht:

Das Problem ist, dass jedes Datum ein Warnfeld sagt, wird nicht angezeigt auf einen Klick auf „hallo“, und es scheint zu sein, überhaupt keine Antwort.

Alle Hilfe wird sehr geschätzt.

Answer 1

Ich löste das Problem !!

Das Problem war, dass ich divs mit Opazität 0 hatte, die mein Elternelement überlagert waren! Entschuldigung, blöder Fehler!