Como selecionar todos os filhos de um elemento com javascript e alterar a propriedade CSS?

Estou trabalhando em um projeto que tem uma div com 32 filhos. Preciso criar um menu suspenso que altere o fundo de cada div e o pai. Para as outras partes do projeto que não têm filhos, eu tenho usado o seguinte código:

function changediv(color) {
document.getElementById('div1').style.background = color;
}

HTML:

<select>
<option onClick="changediv('#555');">Hex</option>
<option onClick="changediv('blue');">Colorname</option>
<option onClick="changediv('url(example.com/example.png)');">Image</option>
</select>

Eu poderia apenas adicionar um ID diferente para cada filho (id1, id2, id3, ...), mas existem 32 filhos e não apenas precisaria adicionar 32 IDs, mas também 32 linhas de Javascript. Tem que haver uma maneira melhor; de alguma forma, selecionando filhos ou mesmo alterando o código CSS real que seleciona os filho

Obrigado, Ian