Skip to main content
se añadieron 21 caracteres en el cuerpo
Origen Enlace

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>

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 color = document.querySelectorAll(".content > span");
  color.forEach( function(span, indice, array) {
    span.style.color = "red";
  });
}
<div class="content">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</div>
<br/>

<button onclick="color()">Agregar color</button>

Tendrias que obtener todos los spans con querySelectorAll y posteriormente recorrer el arreglo con forEach y asi poder cambiar el color a cada span.

var colores = document.querySelectorAll(".content > span");
var count = 0;
function color() {
  if(count < colores.length) {
     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>

Origen Enlace

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 color = document.querySelectorAll(".content > span");
  color.forEach( function(span, indice, array) {
    span.style.color = "red";
  });
}
<div class="content">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</div>
<br/>

<button onclick="color()">Agregar color</button>