используя цикл for пройти все елементы

var list = document.querySelector('ul'), 
    item = list.querySelectorAll('li'); 
 
document.querySelector('button').onclick = function() { 
  var itemRed = list.querySelectorAll('li[style*="color: red"]'); 
  // Проверяем, все ли элементы крассные (количество красных li и всего сколько li) 
  if(itemRed.length == item.length){ 
    //Если да, то удаляем color у элемента 
    for(var i = 0; i < item.length; i++){ 
      item[i].style.color = ''; 
    }; 
  }else{ 
    // Если нет, то красим следующий элемент в красный (itemRed.length использщуем, как индекс следующего) 
    item[itemRed.length].style.color = 'red'; 
  }; 
};

<ul> 
  <li>1</li> 
  <li>2</li> 
  <li>3</li> 
  <li>4</li> 
  <li>5</li> 
</ul> 
<button id="btn">click</button>

var list = document.querySelector('ul'), 
    item = list.querySelectorAll('li'); 
 
list.status = false; // Присваиваем свойство 
document.querySelector('button').onclick = function() { 
  var itemRed = list.querySelectorAll('li[style*="color: red"]'); 
  // Проверяем, все ли элементы крассные (количество красных li и всего сколько li) или проверяем статус списка 
  if(itemRed.length == item.length || list.status == true){ 
    //Если да, то удаляем color у последнего элемента 
    item[itemRed.length - 1].style.color = ''; 
     
    // Проверяем, закончились ли красные 
    if(itemRed.length == 1){ 
      list.status = false; // Если да, то меняем статус 
    }else{ 
      list.status = true; // Если нет, то снова назначаем true 
    }; 
  }else{ 
    // Если нет, то красим следующий элемент в красный (itemRed.length использщуем, как индекс следующего) 
    item[itemRed.length].style.color = 'red'; 
  }; 
};

<ul> 
  <li>1</li> 
  <li>2</li> 
  <li>3</li> 
  <li>4</li> 
  <li>5</li> 
</ul> 
<button id="btn">click</button>