Tendrias que obtener todos los spans con querySelectorAll y posteriormente recorrer el arreglo con forEach y asi poder cambiar el color a cada span.
function color() {
var colorcolores = document.querySelectorAll(".content > span");
var count = 0;
function color.forEach() function{
if(span,count indice,< arraycolores.length) {
span colores[count].style.color = "red";
});
count++;
}
<div class="content">
<span>1</span>
<span>2</span>
<span>3</span>
</div>
<br/>
<button onclick="color()">Agregar color</button>