Я хочу, чтобы, нажав на кнопку, изменил этот Ваш цвет и также body и div, но только меняет body другие два (div, button) они держатся с тем же цветом. Не, который может быть плохой в коде 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>
Ты не соглашаешься на объекты из-за Ваших id
или из-за Ваших 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>