动态添加p元素可点击

Question

我正在努力使元素可以点击。但是，在单击任何<p>元素时，没有警告框说“你好”。请问你能看一下我的代码，并指出我的方向正确吗？

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);

脚本在线解析文本文件： http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt

每周更新一次，并将日期写在其中：

19/04/16

16年12月4日 ...

我的脚本将文本文档分成每行，并将其存储为数组。然后使用for循环在一列中显示屏幕上的日期，如下所示：

问题是，在点击每个日期时，没有显示警告框，说“你好”，似乎根本没有回应。

非常感谢所有帮助。

Answer 1

我解决了这个问题!!

问题是我有不透明度0的div，它覆盖了我的parentElement！对不起愚蠢的错误！