1

Quiero que cada vez que de click al boton vaya cambiando el color del resto de los span, ya que con este ejemplo solo elije a uno (el primero) y no a los demás ¿que falta?

function color() {
var color = document.querySelector(".content > span");

color.style.color = "red";
}
<div class="content">
<span>1</span>
<span>2</span>
<span>3</span>
</div>

<br/>

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

1 respuesta 1

2

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>

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.