Я работаю над проектом, у которого есть 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-код, который выбирает детей.
Спасибо, Ян