javascript - 使动态添加的 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

每周更新一次，日期如下所示:

2016 年 4 月 19 日

2016 年 12 月 4 日 ...

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

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

非常感谢所有帮助。

Answer 1

我解决了这个问题!!

问题是我有不透明度为 0 的 div 覆盖了我的 parentElement!抱歉愚蠢的错误!