Question

如何在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;

  ...

我是迭代器变量

Answer 1

a.onclick=myfunction()

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

a.onclick=myfunction

Answer 2

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

1）具有命名功能：

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

a.onclick = myFunction;

2）使用匿名函数：

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

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

2 个答案: