Javascript 我想在一个网页中添加2个幻灯片，所以这是1个幻灯片放映的代码

我想在一个网页中添加2个幻灯片，所以这是1个幻灯片放映的代码

<script>

var slideIndex = 0;
var slides = document.getElementsByClassName("mySlides1");
showSlides();

function showSlides() {    
var i;    
for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none"; 
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1} 
slides[slideIndex-1].style.display = "block"; 
setTimeout(showSlides, 3000); // Change image every 5 seconds
}

function currentSlide(no) {
var i;    
for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none"; 
}
slideIndex = no;
slides[no-1].style.display = "block";


function plusSlides(n) {
  var newslideIndex = slideIndex + n;
  if(newslideIndex < 6 && newslideIndex > 0){
 currentSlide(newslideIndex);
  }
}
</script>

---

但它不起作用。

将幻灯片元素分成两个HTMLCollection，然后将它们组合成一个数组

var slide1 = document.getElementsByClassName("mySlides1");
var slide2 = document.getElementsByClassName("mySlides1");
var slides = [];

for(var i = 0; i < slide1.length; i++){
    slides[i] = slide1[i];
}
for(var length = slide1.length, i = length; i < slide2.length+length; i++ ){
    slides[i] = slide2[i - length];
}
//showSlides(); 

var slide1=document.getElementsByClassName（“mySlides1”）；
var slide2=document.getElementsByClassName（“mySlides1”）；
var=[]；
对于（变量i=0；i
document.queryselectoral（'.mySlides1.mySlides2'）尝试此操作，而不是
GetElementsByCassName
仍不工作。。myslide2是空的
var slide1 = document.getElementsByClassName("mySlides1");
var slide2 = document.getElementsByClassName("mySlides1");
var slides = [];

for(var i = 0; i < slide1.length; i++){
    slides[i] = slide1[i];
}
for(var length = slide1.length, i = length; i < slide2.length+length; i++ ){
    slides[i] = slide2[i - length];
}
//showSlides();