Eu procuro por todo o stackoverflow, mas não obtive nenhum bom resultado com relação a esses problemas. Corrija-me se estiver errado.

Quero addEventListener para um objeto que existe ou não existe no DOM.

No Jquery, podemos simplesmente fazer o código abaixo:

$('document').on('click', '.my-button', function () {
    alert("work!!!");
});

Mas como posso usar apenas Javascript para obtê-lo? Abaixo está o meu código fonte. Porém, após o carregamento da página, todo o novo objeto adicionado não anexa um evento de clique.

var Button = document.getElementsByClassName("my-button");
for(i=0;i<Button.length;i++){
    document.getElementsByClassName("my-button")[i].addEventListener("click",function(){
        alert("Work!!!!");
    });
}

Aperfeiçoe qualquer sugestão.