attachEvent при загрузке DOM

Question

Я устанавливаю ID на windows.onload на элемент button. Теперь мне нужно прикрепить onclick к этой кнопке, но ID не определен в этот момент. Как правильно это сделать? Я попытался присоединить событие, как в приведенном ниже коде, или с attachEvent, и некоторые другие попытки с onreadystatechange или DOMContentLoaded. Это устаревшая реклама в IE8, без библиотек. Thx!

window.onload = function() { 

    var table = window.document.getElementById("TABLE"); 
    var button = document.createElement("BUTTON"); 
    table.appendChild(button); 
    button.id = "BUTTON_ID"; // give id attribute after append to table 
    var row = TABLE.tBodies[0].rows; 
    for (var i = 0; i < row.length; i++) { 
    //... 
    } 
} 

function BUTTON_ID.onclick() { 

    //... 
} 

Answer 1

Вы можете прикрепить событие, когда создается кнопка:

window.onload = function() { 

    [ ... ] 

    var button = document.createElement("BUTTON"); 
    button.id = "BUTTON_ID"; 
    button.onclick = function() { 
    alert("Clicked"); 
    } 

    table.appendChild(button); 

    [ ... ] 
} 

JsFiddle Demo