我已删除的代码几件找出它在哪里,它的背后是什么在div" wrapper".还有更多div设计用于显示其他内容,但它们没有类名" changeimage".
<div id="wrapper">
<div id="content">
<div align="center" id="imagesbar">
<img class="changeimage" src="image1.jpg"/>
</div>
<div align="center" id="imagestext">
<h1 class="headertext"><strong>What we do.</strong></h1>
<br /><p class="circle" >Mowing</p>
<p class="circle">Lawn Care</p>
<p class="circle">Weed Removing</p>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
和JavaScript:
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg', 'image6.jpg', 'image7.jpg'];
var interval = setInterval(changeImage, 4000);
var index = 0;
function changeImage(){
//alert("changing image")
document.getElementsByClassName("changeimage").src = images[index];
index++;
}
Run Code Online (Sandbox Code Playgroud)
在行中" document.getElementsByClassName("changeimage")"是具有错误的代码的行.似乎我正在使用的浏览器(这是Chrome)找不到类名" changeimage".我想将类名为" " src的HTML条目上的标记更改为JavaScript中字符串数组中的不同位置,具体取决于索引.imgchangeimage