Чуть-чуть разобрался, в чем причина ошибки. Но исправить всё таки не смог.
В эксперементальной html-странице у меня нет вложеных элементов, а в Joomla - есть. Мой скрипт не работает именно из-за этого. Вот, как я его слегка изменил:
function ChHgh() {
if (document.body.clientWidth < 1250) {
var div = document.getElementById('content').getElementsByTa gName('div');
for (var i = 0; i < div.length; i++){
if (div[i].className == 'blog-post'){
div[i].style.width = '100%';
}}
}
}
Но таким образом я добрался только до первого вложеного слоя (div.blog-post), а у меня внутри него ещё один есть, внутри которого находится ещё один, нужный мне для изменения скриптом слой.
Подскажите, пожалуйста, как до него добраться? (Мучаюсь уже второй день)
Вот, DOM-дерево (сокращённое, конечно) из joomla-сгенерированной страницы:
<div id="content">
<div class="blog-post">
<div class="article_row-post">
<div class="article_column column1 cols2">
(Это слой, к которому я никак не могу подобраться)
</div>
</div>
</div>
</div>