小编Joy*_*mma的帖子

为什么我的幻灯片中出现只读错误?

我的网站上有一个小滑块,它始终运行良好,但现在出现此错误:

语法错误:“myIndex”是只读的

这是我的 JavaScript 代码:

const myIndex = 0;
carousel();

function carousel() {
 let i;
 const x = document.getElementsByClassName(`slides`);
 for (i = 0;i < x.length;i ++) {
 x[i].style.display = `none`;
 }

 myIndex ++;

 if (myIndex > x.length) {
  myIndex = 1;
 }

 x[myIndex - 1].style.display = `block`;
 setTimeout(carousel, 4000); // Change image every 2 seconds
}
Run Code Online (Sandbox Code Playgroud)

这是 html:

<div class="home-slider">
  <img class="slides" src="assets/img/slide_1.jpg" alt="slide1">
  <img class="slides" src="assets/img/slide_2.jpg" alt="slide2">
  <img class="slides" src="assets/img/slide_3.jpg" alt="slide3">
</div>
Run Code Online (Sandbox Code Playgroud)

我怎样才能解决这个问题?

html javascript syntax-error readonly ecmascript-6

-1
推荐指数
1
解决办法
4604
查看次数

标签 统计

ecmascript-6 ×1

html ×1

javascript ×1

readonly ×1

syntax-error ×1