[RESOLVIDO] [HTML] Como mudar propriedade do BODY com javascript?

Front-end
#1

Olá, eu quero mudar a propriedade do body de uma página html com javascript.

A idéia é mudar a imagem de fundo do body dependendo de um option selecionado num select.

Mais ou menos assim:

<select name="select" id="select" onchange="troca()">
<option value="1">1</option>
<option value="2">2</option>
</select>

<script>
function troca(){
        var op = $('#select').val();
        
        if(op==1){
            document.body.style="background: blue;";
        }else{
            document.body.style="background: red;";
        }
    }
</script>
#2

document.body.style.background = “red”

#3

Perfect.

Tnks

#4

Pessoa, eu estou tentando fazer com botões, onde o visitante clica e muda o tema. Tentei adaptar o script passado mas não deu muito certo. Teriam como me ajudar?

<div class="temas">
					<ul >
						<li <? if($tema == 'laranja') echo ' class="selected"'; ?>><a href="#" ><img src="<?=$this->baseUrl()?>/default/images/layout_laranja.png"></a></li>
						<li <? if($tema == 'amarelo') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_amarelo.png"></a></li>
						<li <? if($tema == 'lilas') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_red.png"></a></li>
						<li <? if($tema == 'marrom') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_marrom.png"></a></li>
						<li <? if($tema == 'rosa') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_rosa.png"></a></li>
						<li <? if($tema == 'verde') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_verde.png"></a></li>
					</ul>
				</div>
#5