我删除了几段代码,以查明它在 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>
和 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++;
}
“document.getElementsByClassName("changeimage")
”行中的代码出现错误。我使用的浏览器(Chrome)似乎找不到类名“changeimage
”。我想将类名为“changeimage
”的 HTML 条目 img
上的 src
标记更改为字符串数组中的不同位置在 JavaScript 中,具体取决于索引。
最佳答案
由于 document.getElementsByClassName 返回一个元素数组,因此您需要引用第 0 个元素。另外,必须重置索引以避免读取超出数组的长度
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")[0].src = images[index]; // assuming only one classname
index++;
if(index >= images.length) {
index = 0;
}
}
关于html - (HTML/Javascript) 无法在 javascript 中找到入口类 "imagechange",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50690629/