显示提到的这两行的 css 属性的类型错误

Posted 2023-03-16

【中文标题】显示提到的这两行的 css 属性的类型错误

【英文标题】：Showing type error for css property for these two line that mention

【发布时间】：2021-07-06 05:55:35

【问题描述】：

显示此错误：

这两行显示 css 属性的类型错误：

slides[slideIndex - 1].style.display = "block";

showSlides(slideIndex);

var slideIndex = 1;
showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) 
  showSlides(slideIndex += n);


// Thumbnail image controls
function currentSlide(n) 
  showSlides(slideIndex = n);


function showSlides(n) 
  var i;
  var slides = document.getElementsByClassName("projectSlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  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", "");
  
  slides[slideIndex - 1].style.display = "block";
  dots[slideIndex - 1].className += " active";
  captionText.innerhtml = dots[slideIndex - 1].alt;

【参考方案1】：

您收到此错误是因为slides 在索引slideindex - 1 处未定义。所以，错误本质上是说，该位置的幻灯片不存在，并且由于您正在寻找位置 0 的元素，这意味着您的数组是空的。