2

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. No se que puede estar mal en el código javascript.

function cambiarColor(){
  document.body.style.background = "blue";
  document.div.style.background = "yellow";
  document.button.style.background = "red";
}
	body{background-color: yellow;}
	div{background-color: red; height: 50px;}
	button{color: white; background-color:blue;padding: 4px; }
	<button type="button"  onclick="cambiarColor()">Colorear</button>
	

1
  • 1
    Hola, te aconsejo que en tu pregunta hables sobre que elemento de tu código parece generarte el problema, no pongas preguntas tan amplias y ambiguas.
    – V0LT3RR4
    Commented el 9 mar. 2019 a las 3:40

1 respuesta 1

4

No estas accediendo a los objetos por su id o por su clase.

  function cambiarColor() {
    var myDiv = document.getElementById("myDiv");
    var myButton = document.getElementById("myButton");
    document.body.style.background = "blue";
    myDiv.style.background = "green";
    myButton.style.background = "red";
  }
body {
  background-color: yellow;
}

div {
  background-color: red;
  height: 50px;
}

button {
  color: white;
  background-color: blue;
  padding: 4px;
}
<div id="myDiv"></div>	
<button type="button" id="myButton" onclick="cambiarColor()">Colorear</button>

8
  • Entonces quiere decir que el unic0 elemento al que puedo acceder de esa forma es el body y los otros siempre tengo que acceder por su id? Commented el 9 mar. 2019 a las 3:20
  • si siempre pór su ID Commented el 9 mar. 2019 a las 3:27
  • Antes de dar por respondido mi pregunta, crees que es una buena manera de aplicar este código para cambiar los colores de una pagina, por ejemplo tengo pensado hacer una pagina que al presionar un botón cambie todo sus colores de sus elementos en la interfaz a colores para personas con daltonismo? Commented el 9 mar. 2019 a las 3:34
  • Para una persona normal los colores fuertes no motivan a seguir usando la pagina... con lo del daltonismo no te podria decir amigo Commented el 9 mar. 2019 a las 3:38
  • no, los colores que he elegido son de ejemplo,lo preguntaba por si es que era optimo implementar de esta forma el código para cambiar los colores de una pagina . de todas formas gracias me ayudo tu solución. Commented el 9 mar. 2019 a las 3:45

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.