Warum und wann für Schleife ignorieren einige Artikel mit HTML-Sammlung

Ich habe ein Codepen-Beispiel angehängt:http: //codepen.io/anon/pen/zpmj

Ich versuche nur, den Klassennamen eines HTML-Auflistungsarrays mit einer klassischen Schleife zu ändern, und nach vielen Tests kann ich nicht herausfinden, was falsch ist, und wenn ich einen häufigen Fehler gemacht habe, habe ich immer ein Element ignoriert.

<div class="test">1</div>
<div class="test">2</div>
<div class="test">3</div>

bout.addEventListener("click",function(){

   var newtest = document.getElementsByClassName('test');
     for (i=0; i < newtest.length; i++)
     {
         newtest[i].className="bob";
     }

 });

Antworten auf die Frage(2)

Ihre Antwort auf die Frage