如何使用javascript而不是JQuery在动态添加的元素上应用javascript代码？

我编写了一段代码，将文章中的每个单词转换为链接，我想在新的锚上应用onclick（）函数，但代码不起作用

以下是javascript代码：

    <script>
var tarea = document.getElementById("t");
var div = document.getElementById('res');

var article = tarea.innerHTML;
var i=0;
    while(i<500 ){
var ind = article.indexOf(" ");
var curr = article.substring(0,ind);
article = article.substring(article.indexOf(" ")+1);
anch = "<a class='link' id='link' href='#' >" + curr+"</a>";
div.innerHTML = div.innerHTML + " " + anch;
    i++;
}



var element = document.getElementById('link');
element.onclick = function () { 
alert(element.innerHTML);

 };
</script>

var tarea=document.getElementById（“t”）；
var div=document.getElementById（'res'）；
var article=tarea.innerHTML；
var i=0；
while（i这称为事件委派。它可能会变得复杂，但这是基本概念。您可以使用任何可以识别元素的东西，但我在这里只使用id，因为这是最简单的

var MY_DYNAMIC_EL_ID = 'dynamic';
window.addEventListener('click', function(e) {
  var el = e.srcElement || e.target;
  if(el.id == MY_DYNAMIC_EL_ID) {
    alert('clicked');
  }
}
var el = document.createElement('div');
el.id = MY_DYNAMIC_EL_ID;
document.body.appendChild(el);

我猜您正在寻找
addEventListener
。您的问题在当前状态下真的毫无用处。请始终添加您的代码，并详细说明您所做的研究工作。此外，如果您的问题中有“不起作用”的地方，则表明您的问题没有用处。@user3294011如果不看看您已经做了什么，我们将无能为力