Thay đổi lớp css cho tất cả các phần tử với lớp đã nói với Javascript

Question

Về cơ bản, tôi đang cố gắng tìm tất cả các phần tử có tên lớp cụ thể và chuyển đổi thành một lớp khác. Tôi có một chức năng khác để chuyển nó về tên lớp ban đầu. Đây là chức năng của tôi được kích hoạt với một 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;'); 
} 

Tôi gặp lỗi khi nói myObj [0] không xác định. Bất kỳ ý tưởng tại sao điều này đang xảy ra?

Lưu ý, chúng tôi đang sử dụng Dojo, do đó dòng cuối cùng của hàm. Tôi biết tôi có thể dễ dàng làm điều này với jQuery, nhưng chúng tôi không sử dụng nó và nó không có ý nghĩa để tải một khuôn khổ khác.

Cảm ơn trước sự giúp đỡ của bạn.

EDIT

Nhờ sự giúp đỡ từ Abhishek Mishra, tôi biến đổi như thế nào tôi xử lý vòng lặp này và tìm thấy một cách để làm điều đó với JUST Dojo, đó là những gì tôi ưa thích. Đây là mã:

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

Mã đơn giản hơn và nhẹ hơn rất nhiều so với giải pháp trước đây của tôi. Cảm ơn tất cả sự giúp đỡ của bạn. Tôi mong điều này giúp được người nào khác.

Answer 1

Chỉ nên kiểm tra > 0 không >= 0. Khi độ dài bằng 0, không có phần tử 0.