Вот таким образом я добрался до второго потомка:
function ChHgh() {
if (document.body.clientWidth < 900) {
var one = document.getElementById('content');
for (var i = 0; i < one.childNodes.length; i++){
two = one.childNodes[i];
for (var i = 0; i < two.childNodes.length; i++){
three = two.childNodes[i];
for (var i = 0; i < three.childNodes.length; i++){
if (three.className == 'article_row-post'){
three.style.color = 'red';
}}
}
}
}
}
До этого уровня всё работает прекрасно.
Остался третий потомок. Но когда я добавляю цикл для его поиска:
four = three.childNodes[i];
for (var i = 0; i < four.childNodes.length; i++){
if (four.className == 'article_column'){
four.style.color = 'red';
}}
}
}
}
}
}
браузер почему-то виснет...
Осталась какая-то мелкая ошибка, не могу её найти.
<div id="content">
<div class="blog-post">
<div class="article_row-post">
(Это слой, к которому я уже подобрался)
<div class="article_column column1 cols2">
(Это слой, к которому я никак не могу подобраться)
</div>
</div>
</div>
</div>