如何给元素添加点击事件？

我想用纯 JavaScript（不使用 jQuery）向这样的元素添加一个点击事件，所以我没有id但是一个类：

<a href="http://example.com/share" class="MyClass">Yummy</a>

如果您没有 id，也没有任何选择器库，并且希望它在较旧的浏览器中工作，那么需要做更多的工作。如果你能在上面加上一个id，那就很简单了。如果没有，则需要更多代码：

var links = document.getElementsByClassName("MyClass");
links[0].onclick = function() {
    // put your click handling code here
    // return(false) if you don't want default click behavior for the link
}

Since getElementsByClassName在旧版浏览器中并不普遍可用，如果不存在，您将需要一个填充程序来实现它。或者，您可以通过以下方式获取文档中的所有链接：

var links = document.getElementsByTagName("a");

然后循环浏览该列表，直到找到所需的列表（也许检查类名）。

如果您可以在链接上添加 ID：

<a href="http://braza.com/share" id="specialLink" class="MyClass" >Yummy</a>

然后，只需要这段代码：

document.getElementById("specialLink").onclick = function() {
    // add code here
}

如果您打算定期执行此操作，则添加事件侦听器比使用 onclick 属性更具可扩展性，但如果您没有任何框架，则需要一个用于添加处理旧版本的事件侦听器的函数IE 的。