Tendrias que obtener todos los spans con querySelectorAll y posteriormente recorrer el arreglo con forEach y asi poder cambiar el color a cada span.
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    function color() {
      var color = document.querySelectorAll(".content > span");
      color.forEach( function(span, indice, array) {
        span.style.color = "red";
      });
    }

<!-- language: lang-html -->

    <div class="content">
      <span>1</span>
      <span>2</span>
      <span>3</span>
    </div>
    <br/>
    
    <button onclick="color()">Agregar color</button>

<!-- end snippet -->