Я новичок в Javascript. Я хочу добавить события onclick в строки таблицы. Я'Я не использую JQuery.

Я зацикливаю строки и использую замыкание, чтобы убедиться, что у меня есть состояние внешней функции для каждой строки. Цикл работает. Используя оповещения, я вижу функцию, назначаемую для каждой итерации. Но когда я нажимаю на строку, предупреждение не отображается. Ниже приведен HTML-код и код, который можно загрузить.

Почему не работают события строки таблицы?

function example4() {
    var table = document.getElementById("tableid4");
    var rows = table.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        var curRow = table.rows[i];
        //get cell data from first col of row
        var cell = curRow.getElementsByTagName("td")[0];
        curRow.onclick = function() {
            return function() {
                alert("row " + i + " data="+ cell.innerHTML);
            };
        };
    }
}
function init() { example4(); }
window.onload = init;   


Use loop to assign onclick handler for each table row in DOM. Uses Closure.
    
      
        Item one
        Item two
        Item three