js如何为动态添加进来的a超级链接元素添加click事件函数

Posted 2023-03-02

动态添加进页面的链接里都没有写 onclick=什么的，在一段代码里如何为动态添加进来的a超级链接元素都加上onclick事件，以及处理代码?
jquery可以.live这个知道。如何不用jquery只用js代码实现

参考技术A $("#id").append($("a").click(function()
//点击事件
)
);

只用javascript：
把事件与标签一起innerhtml在元素里搞定,比如：

document.getElementById('sasd').innerHTML="<a href='#' onclick='alert(Date().toLocaleString());' />";追问

只用javascript：而且不能在标签里加事件

追答

document.getElementById('sasd').innerHTML="是打发斯蒂芬";

document.getElementById('sasd').getElementsByTagName('a')[0].onclick='alert(Date().toLocaleString())';

或者你可以在生成A标签时添加类名或ID，然后用document.getElementsByClassName（如果这个方法浏览器不支持的话，那你就自己写下吧）或document.getElementById

本回答被提问者和网友采纳 参考技术B 至少2种方法：
1、document.getElementById("a的ID").onclick = method1;
2、
var aObj = document.getElementById("a的ID");

if (window.addEventListener) //Mozilla系列
aObj.addEventListener('click', method1, false);
else if (window.attachEvent) //IE
aObj.attachEvent('onclick', method1);

method1为你定义的方法。