Я работаю над проектом, в котором есть div с 32 детьми. Мне нужно создать выпадающее меню, которое будет менять фон каждого div и родителя. Для других частей проекта, у которых нет детей, я использовал следующий код:

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>

Я мог бы просто добавить разные идентификаторы для каждого дочернего элемента (id1, id2, id3, ...), но есть 32 дочерних элемента, и мне нужно было бы не только добавить 32 идентификатора, но и 32 строки Javascript. Там должен быть лучший путь; каким-то образом выбирая дочерние элементы или даже изменяя фактический код CSS, который выбирает дочерние элементы.

Спасибо Ян