Показать сообщение отдельно
  #1 (permalink)  
Старый 09.11.2013, 17:33
Аспирант
Отправить личное сообщение для realstranger Посмотреть профиль Найти все сообщения от realstranger
 
Регистрация: 28.01.2011
Сообщений: 31

Перебор div'ов for i
Получаю список блоков, изначально им всем проставлен display:none. При загрузке страницы показываю 5, потом при клике на кнопку следующие 5. Проблема состоит в том, что каждый проход работает в шахматном порядке, первому диву ставит класс, второму display: block и т.п. В чём проблема?

function nextFiveShow() {
	var elems = document.getElementsByClassName('first');
	for ( var i = 0;  i < 5; i++ ) {    
	  elems[i].setAttribute("class", "boxComment show");
	  elems[i].style.display="block";
	}
}

window.onload = function() {	
	nextFiveShow();	
	var clkBtn = document.getElementById("clkButton");
	clkBtn.onclick = function() {
	  nextFiveShow();	  
	}
}


Заранее, спасибо!
Ответить с цитированием