事件發生時獲取嵌套 AddEventListener 函數的元素 ID

Question

我在設置事件發生時 JS 將獲取元素的 ID/名稱的參數時遇到問題。

(function GostoListen() {
var inputs = document.getElementsByTagName("a");
   for (x = 0 ; x < inputs.length ; x++) {
    myname = inputs[x].getAttribute("ID") != null ? inputs[x].getAttribute("ID") : "next" ;
    if (myname.indexOf("My_lnk") == 0) {
        document.getElementById(myname).addEventListener("click", function () {
            getElementById(??????????????).value = "CLICKED";
        }, false);
    }
  }
}());

Answer 1

您應該能夠使用this訪問該元素。 在您創建的函數的上下文中， this引用了被點擊的元素。

請參閱此編輯版本：

(function GostoListen() {
    var inputs = document.getElementsByTagName("a");
    for (x = 0 ; x < inputs.length ; x++) {
        myname = inputs[x].getAttribute("ID") != null ? inputs[x].getAttribute("ID") : "next" ;
        if (myname.indexOf("My_lnk") == 0) {
            document.getElementById(myname).addEventListener("click", function () {
                this.value = "CLICKED";
            }, false);
        }
    }
}());