classList.remove

[Linuchs]

  arr = document.getElementsByClassName("border_color_red");
  for ( i=0; i<arr.length; i++ ) {
    arr[i].classList.remove("border_color_red");
  }

Mit anderen Worten: Deine Schleife zählt falsch.

Ja, ich habe mir das i zeigen lassen, das läuft nicht bis zum Ende. Also wird arr.length nicht nur beim Start der Schleife einmal festgelegt, sondern bei jedem Durchlauf neu. Das wusste ich nicht.

Rückwärts geht's aber:

  i = arr.length;
  while ( i > 0 ) {
    i--;
    arr[i].classList.remove("border_color_red");
  }

Linuchs