javascript - 如何调试JavaScript .onclick事件？

我有一段在页面完全加载时执行的代码。然后，该功能将收集我HTML页面上的所有按钮元素。从这里开始，我循环获取每个按钮的title属性，然后为该按钮分配一个onclick事件，该事件等于一个写入带有标题的console.log函数。

我尝试了各种方法来执行此操作，但是它没有用。这是我正在使用的JavaScript代码。当前，它所做的只是通过调用该函数并将图块记录到console.log来循环，但这不应该发生。每次单击该按钮时，都应使用其标题调用该函数并记录该函数。

window.onload = myPageIsReady;

function myPageIsReady(){

    var myList = document.getElementsByTagName("button");
    var myTitle = [];


    for(var i = 0; i < myList.length; i++){
        myTitle[i] = myList[i].getAttribute("title");
        myList[i].onclick = getMyTitle(myTitle[i]);
    };

    function getMyTitle(myTitle){
        console.log(myTitle);
    };

};

最佳答案

叫我疯了，但是...

var myList = document.getElementsByTagName("button");


for(var i = 0; i < myList.length; i++){
    myList[i].onclick = function(){
        console.log(this.getAttribute("title"));
    }
};