Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Проблема с выбором классов (https://javascript.ru/forum/misc/65049-problema-s-vyborom-klassov.html)

kosty@ 22.09.2016 12:06

Проблема с выбором классов
 
<ul id ="holder">
<div class="swSlider">
	<div class="swPage">1</div>
	<div class="swPage">2<div>
</div>
</ul>


function findDimensions()
    {
        var	width = document.body.clientWidth;
        var	height = document.body.clientHeight;
        var el = document.getElementById("holder");
            el.style.width = width - 330 + "px";
			
        var	width = document.body.clientWidth;
        var	height = document.body.clientHeight;
        var el = document.getElementsByClassName("swPage");
            el.style.width = width - 330 + "px";
			
			}	
        if (window.addEventListener)
            window.addEventListener("load", findDimensions, false);
        else if (window.attachEvent)
            window.attachEvent("onload", findDimensions);
            window.onresize = findDimensions;


Пол дня мучаюсь, не получается выбрать все классы swPage. Необходимо выбрать все класы swPage чтобы менялась ширина при изменение размера окна браузера.

Dilettante_Pro 22.09.2016 12:34

kosty@,
document.getElementsByClassName
Возвращает HTMLCollection дочерних элементов соответствующих указанному имени класса
https://developer.mozilla.org/ru/doc...ntsByClassName

AndreySt 22.09.2016 12:39

В первом случае в el попадает <ul id ="holder"></ul> и ты даешь ему style.width, тут все ок. Во втором же случае в el попадает [div.swPage, div.swPage] и ты пытаешься задать style.width для массива, поэтому ничего не получается
И ты забыл закрыть второй swPage.


Часовой пояс GMT +3, время: 15:17.