Genexus

buenas tardes colegas del foro estoy tratando de crear un javascript para poder aplicarle estilos bootstrap a los mensajes del errorview en tiempo de ejecucion

esto es un fragmento de mi errorviewer generado por genexus:

<span class="ErrorViewer gx_ev ErrorViewerBullet" id="gxErrorViewer" style="background-color: transparent;"><div class="gx-error-message">E* Debe Ingresar Código de Licencia Anticipada</div><div class="gx-error-message">E* Incorrecto Código de Situación Especial de Renuncia de Licencia Especial</div><div class="gx-error-message">E* Incorrecto Código de Situación Especial de Notificación de Licencia Especial</div><div class="gx-error-message">E* El Código de Situación Especial de Trabajo Insalubre No esta Definido</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia por Licencia Especial</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia por Enfermedad</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia por Duelo</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia por Donación de Sangre</div><div class="gx-error-message">E* Debe Ingresar Código de Horas a Compensar</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia por Estudio</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia por Antigüedad</div><div class="gx-error-message">E* Debe Ingresar Código de Licencia Reglamentaria</div></span>



este es mi codigo javascript colormessage.js:


function colormessage(){

$('#gxErrorViewer > div').each(function (index, value){

var text = $(this).text();

console.log(text);

if (text.indexOf("E*") != -1){
$(this).attr("class", "alert alert-danger");
} else if (text.indexOf("Los") != -1){
$(this).attr("class", "alert alert-success");
}
if (text.indexOf("M*") != -1){
$(this).attr("class", "alert alert-warning");
}
if (text.indexOf("Finalizado") != -1){
$(this).attr("class", "alert alert-success");
}
if (text.indexOf("ejec") != -1){
$(this).attr("class", "alert alert-warning");
}
if (text.indexOf("existe") != -1){
$(this).attr("class", "alert alert-danger");
}
if (text.indexOf("fuera") != -1){
$(this).attr("class", "alert alert-danger");
}
});
}

window.onload = function() {
document.querySelector('input[title="Confirmar"]').addEventListener('click', colormessage);
};

lo agregue a los ficheros estaticos de la aplicacion en genexus

y en la masterpage lo inclui:

form.JScriptSrc.Add('../static/payroll/desing/js/colormessage.js')


no cambia ningun estilo, llevo meses en esto hasta hice un user control para esto pero no me funciona del todo bien por favor necesito alguna colaboracion o alguna idea por favor Saludos