动态创建onclick事件锚元素 - javascript

时间:2016-06-04 21:20:27

标签: javascript html onclick href

如何在javascript中的超链接中动态创建onclick-function?

这是一个codesnippet - 一个在同一页面内创建多个超链接的while循环。我试图将onclick事件添加到a元素,即

a.onclick=myfunction()

但是当页面加载了这些链接的列表时 - 每个链接都会自动调用该函数。

这就是我的代码的样子 - 我想我应该为每个链接使用 id

  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;

  ...

我是迭代器变量

2 个答案:

答案 0 :(得分:3)

a.onclick=myfunction()

myfunction的返回值设置为onclick。你想要的是以下几点:

a.onclick=myfunction

答案 1 :(得分:1)

您可以通过两种方式指定onclick功能:

1)具有命名功能:

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

a.onclick = myFunction;

2)使用匿名函数:

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