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>