Изменение цвета некоторых табличных элементов
Есть страница, на которой выведена таблица, блоки идут списком и каждый состоит из двух частей, очень надо при наступлении определенных обстоятельств изменить цвет шапки блока head и тела body.
Код страницы примерно такой:
<tbody id="der_cont">
<tr class="head" id="head_рандомные цифры" style="background:#какой-то цвет;">
<td align="left">
<select id="stat_рандомные цифры" style="width:100px;">
<option value="1">первый</option>
<option value="2">второй</option>
</select>
</td>
<tr class="body" id="body_рандомные цифры" style="background:#какой-то цвет;"
<td></td>
<td></td>
………………….
<td></td>
<td></td>
<td align="left">
<div class="tags">
<span>спецтег</span>
</div>
<tbody>Так же для каждого блока есть свой, скажем так статус "первый", "второй" и "спецтег", так вот нужно проверить активен ли статус "первый" и присутствует ли спец тег "спецтег" если все есть, то меняет цвета у head и body.
Начала писать вот такой скрипт:
var li_1 = document.getElementsByTagName('liс')[1];
var colorDivs = document.getElementsByClassName('head');
var colorDivs1 = document.getElementsByClassName('body');
var tags = document.getElementsByClassName('tags');
var span = document.querySelector('.tags > span');
li_1.addEventListener('click', function() {
setInterval(function() {
for (var i = 0; i < tags.length; i++) {
if (document.querySelector('.tags > span').innerHTML == "спецтег") {
colorDivs[i].style.backgroundColor = "#eea044";
colorDivs1[i].style.backgroundColor = "#eeb877";
}
}
}, 1000);
});Уже на этом этапе не работает, помогите пожалуйста дописать, чтоб все работало.