老师你好，我在进行边界值控制时好像没有生效，麻烦帮着看下问题在什么地方
var listLi = document.querySelector(".swiplerul").querySelectorAll("li")
var swiperBottomlist = document.querySelector(".swiper-bottom").querySelectorAll("li")
var right = document.getElementById("right")
var left = document.getElementById("left")
console.log(listLi.length);
// 控制图片的显示顺序
var num = 0
left.onclick = function(){
num++
console.log(num);
imgDisplay()
}
right.onclick = function(){
num--
console.log(num);
imgDisplay()
}
// 控制页面显示的方法
function imgDisplay(){
// 边界值出来
if(num > listLi.length-1){
num = 0
}
if(num < 0){
num = listLi.length-1
}
// 移除属性
for(var i = 0;i<listLi.length;i++){
listLi[i].removeAttribute("class")
listLi[i].removeAttribute("style")
}
// 添加属性
listLi[num].setAttribute("class","current")
listLi[num].style.display="block"
for(var i = 0;i<listLi.length;i++){
swiperBottomlist[i].removeAttribute("class")
swiperBottomlist[i].removeAttribute("style")
}
swiperBottomlist[num].setAttribute("class","current")
}
for(var i= 0;i<swiperBottomlist.length;i++){
swiperBottomlist[i].idxx=i
swiperBottomlist[i].onclick=function(){
num=this.idexx
imgDisplay()
}
}
// 有问题
打印如下：
超过边界值的值也打印出来了，轮播图中只有4张图
京公网安备 11011402011233号