السلام عليكم

في جافا سكربت عندما اضيف الكود التالي, الامر الاول(display:none;) ينفذ ولكن الامر الثاني(add class) لا يتم تنفيذه . واي؟

document.getElementById('cats').addEventListener("click" , ()=> {

for(var counter = 0; counter<= document.querySelectorAll(".d,.b,.m,.o").length; ++counter){
document.querySelectorAll(".d,.b,.m,.o")[counter].style.display="none";};
document.getElementById('dogs').classList.add("active");  

});