将onclick事件附加到返回id的锚定元素

append onclick event to anchor element that returns id

本文关键字：id 元素 返回 onclick 事件      更新时间：2023-09-26

下面我试图添加新的锚元素到DOM。我还喜欢为每个新创建的返回其id的元素添加onclick事件，但无法完成。欢迎大家的帮助!

var text = document.getElementById("output");
for (var i = 0; i < uld.length; i++){ 
var x = document.createElement("A");
var t = document.createTextNode(uld[i][1]);
x.setAttribute('id', i);
x.onclick = function getId() {alert("kikker");};
x.appendChild(t);
text.appendChild(x);
}

onclick中的this指针指向该元素。所以你可以像这样使用'id':

var text = document.getElementById("output");
var i;
for (i = 0; i < uld.length; i++) { 
    var x = document.createElement("A");
    var t = document.createTextNode(uld[i][1]);
    x.setAttribute("id", i);
    x.onclick = function() {
        var id = this.id;
        alert(id);
    };
    x.appendChild(t);
    text.appendChild(x);
}
相关文章：