Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.09.2016, 12:06
Интересующийся
Отправить личное сообщение для kosty@ Посмотреть профиль Найти все сообщения от kosty@
 
Регистрация: 09.01.2014
Сообщений: 10

Проблема с выбором классов
<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 чтобы менялась ширина при изменение размера окна браузера.
Ответить с цитированием
  #2 (permalink)  
Старый 22.09.2016, 12:34
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

kosty@,
document.getElementsByClassName
Возвращает HTMLCollection дочерних элементов соответствующих указанному имени класса
https://developer.mozilla.org/ru/doc...ntsByClassName
Ответить с цитированием
  #3 (permalink)  
Старый 22.09.2016, 12:39
Новичок на форуме
Отправить личное сообщение для AndreySt Посмотреть профиль Найти все сообщения от AndreySt
 
Регистрация: 16.05.2016
Сообщений: 7

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

Последний раз редактировалось AndreySt, 22.09.2016 в 12:48.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с Case 10 lehaxe Общие вопросы Javascript 2 13.08.2013 00:49
Проблема с радио кнопками px379 Общие вопросы Javascript 8 29.07.2013 09:30
Проблема с обработкой ескольких .hover() anocean jQuery 3 15.06.2012 22:43
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47