Javascript Can'；在Js函数中将HTML集合作为参数传递？

我一直在关注w3schools的幻灯片教程，学习如何创建自己的学校

这是指向教程的链接。然而，我指的是这个代码

<script>
  var slideIndex = 0;
  showSlides();

function showSlides() {
  var i;
  var slides = 
document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
   slides[i].style.display = "none";  
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}    
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";
setTimeout(showSlides, 2000); // Change image every 
2 seconds
}
</script>

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
变量幻灯片=
document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；islides.length）{slideIndex=1}
对于（i=0；i

我想为一个页面制作多个幻灯片，所以我这样做了，代码的这一部分将采用一个参数，然后我可以插入我的图像列表。但是当我把代码改成这个

 var images = document.getElementsByClassName("mySlides");
var imageNum = document.getElementsByClassName("dot");

showSlides(images, imageNum);

function showSlides(slides, dots) {
    var i;

for (i = 0; i < slides.length; i++) {
   slides[i].style.display = "none";  
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}    
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";

    setTimeout(showSlides, 2000);
}

var images=document.getElementsByClassName（“mySlides”）；
var imageNum=document.getElementsByClassName（“点”）；
放映幻灯片（图像、imageNum）；
功能演示幻灯片（幻灯片、点）{
var i；
对于（i=0；islides.length）{slideIndex=1}
对于（i=0；i

可通过此链接获取完整信息

它给了我length undefined的error属性，即使.length可以用于HTML集合

为什么这个函数似乎不能接受HTML集合作为参数

编辑：在查看反馈并注意到我使人们更难帮助我之后，我用我的问题制作了一个代码沙盒。我把这个解决方案作为一个评论，这样人们就可以看到它的前后。我还包括了上面的整个函数

---

谢谢你的反馈，这样我可以把问题说得更清楚，并对麻烦表示歉意

这是因为函数末尾的那一行

setTimeout(showSlides, 2000); // Change image every 2 seconds

它调用

showsiles

，不带任何参数

要添加要调用的参数，可以执行以下操作：

setTimeout(() => { showSlides(slides, dots) }, 2000);
// call from an anonymous function

// or

setTimeout(showSlides, 2000, slides, dots); 
// use additional params of setTimeout

---

设置超时的文档

我们可以看到新幻灯片的全部功能吗？您应该创建一个带有实时演示的文档（编辑器工具栏中有一个用于实时演示的按钮）。它使人们更容易帮助您。请单击

，添加一个using placeholder.com或lorempixel.com。Well is

GetElementsByCassName

是否真的找到了什么？@epascarello即使没有找到任何东西，它仍然会返回长度为

0

的

HTMLCollection

，感谢您的帮助，我有一个简短的问题，以确保我完全理解。因为函数的setTimeout部分需要参数，所以代码中说“slides”未定义的唯一原因是什么？