Busco todo el stackoverflow pero no obtuve ningún buen resultado contra estos problemas. Corrígeme si estoy equivocado.

Quiero agregarEventListener al objeto que existe o no existe en DOM.

En Jquery podemos simplemente hacer el siguiente código:

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

Pero, ¿cómo puedo usar solo Javascript para lograrlo? A continuación se muestra mi código fuente. Pero después de cargar la página, todo el nuevo objeto agregado no adjunta un evento de clic.

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

Apreciar cualquier sugerencia.