Cambiar la clase css para todos los elementos con dicha clase con Javascript

Question

Básicamente estoy tratando de encontrar todos los elementos con un nombre de clase particular y cambiarlo a otro. Tengo otra función que lo cambia al nombre de clase original. Aquí está mi función que se activa con un onclick:

function showEventsAppliedTo() { 
    var myObj = document.getElementsByClassName('notApplied'); 
    while (myObj.length >= 0) { 
     myObj[0].className = 'mblListItem notAppliedOut'; 
    } 
    AppliedToButton.set('style', 'display:none;'); 
    EventListingButton.set('style', 'display:block;'); 
} 

Recibo un error que dice myObj [0] no está definido. ¿Alguna idea de por qué está pasando esto?

Como nota, estamos utilizando Dojo, de ahí la última línea de la función. Sé que podría hacer esto fácilmente con jQuery, pero no lo estamos usando y no tiene sentido cargar otro marco.

Gracias de antemano por su ayuda.

EDITAR

Gracias a la ayuda de Abhishek Mishra, que modifican la forma en que estoy manipulación de este bucle y encontraron una manera de hacerlo con sólo ir de discotecas, que es lo que se prefiere. Aquí está el código:

function listingClassToggle() { 
    dojo.query(".notApplied").addClass("notAppliedOut"); 
    dojo.query(".notApplied").removeClass("notApplied"); 
} 

código mucho más simple y mucho más ligero que mi solución anterior. Gracias por toda tu ayuda. Espero que esto ayude a alguien más.

Answer 1

Debe solo realizar una prueba para > 0 no >= 0. Cuando la longitud es igual a cero, no hay elemento cero.