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
    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? el 9 mar. 2019 a las 3:20
  • si siempre pór su ID 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? 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 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. el 9 mar. 2019 a las 3:45

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.