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 that you have read and understand our privacy policy and code of conduct.

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