Почему возникает ошибка 'style' of undefined Js?

Question

[vahan21]

Здравствуйте.

Подскажите, пожалуйста, в чём проблема?
Uncaught TypeError: Cannot read property 'style' of undefined

// slider style 

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}    
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  // if (true == slides) {
    slides[slideIndex-1].style.display = "block";  
    dots[slideIndex-1].className += " active";
  // }
  // else{
  //   console.log("hellllllloo!")
  // }
}
// slider style end

<div class="slideshow-container">
  <div class="mySlides fade">
    	<img src="img/slider/304669-alexfas01.jpg">
    	<h2 class="text">
    		<span>Foto Club</span>
    		<span class="free">ԱՆՎՃԱՐ</span>
    		<span>ֆՈՏՈ</span>
    		<span>Նկարահանում</span>
    		<a href="../registration.php">Գրանցվել</a>
    	</h2>
  </div>
</div>

Comments

[Александр]

Код в песочницу, чтобы можно было его дебажить.

Answer 1

[Alex]

Скорее всего вот тут slides[slideIndex-1].style.display = "block"; Возникает ситуация когда slides[slideIndex-1] === undefined

Comments

[vahan21]

а как это исправить?

[Alex]

vahan21, Ну, для начала избавьтесь от глобальных переменных. Далее воспользуйтесь дебагером. Изучите поведение вашей программы. Определить в какой момент она даёт сбой и почему.

Answer 2

[Владимир]

Можно посмотреть на html файл? возможно функция

var slides = document.getElementsByClassName("mySlides");

не нашла элементов

Comments

[vahan21]

<div class="slideshow-container">
	<div class="mySlides fade">
	  	<img src="img/slider/304669-alexfas01.jpg">
	  	<h2 class="text">
	  		<span>Foto Club</span>
	  		<span class="free">ԱՆՎՃԱՐ</span>
	  		<span>ֆՈՏՈ</span>
	  		<span>Նկարահանում</span>
	  		<a href="../registration.php">Գրանցվել</a>
	  	</h2>
	</div>
</div>

Answer 3

[AlexeyPikalov]

Если у тебя запуск скрипта стоит в начале html страницы, то попробуй перенести запуск скрипта на место перед закрывающимся тегом body

Comments

[Ali]

Возникала такая же ошибка.

Ваше решение помогло

[AlexeyPikalov]

Рад быть полезным!