尝试为轮播制作一个简单的循环来自动滑动图像,但无法弄清楚为什么它不起作用...感谢任何帮助,(“点”是当您想要更改时单击的内容轮播中的图片),但我希望幻灯片在访问页面时自动更改。
代码如下所示:
window.setInterval(slideClick, 2000);
var slides = document.getElementsByClassName('dot');
for(var i = 0; i < 6; i++ ) {
function slideClick() {
slides.click();
}
}
if (i === slides.lenght) {
i=0;
}
我收到此错误:对象 # 没有方法“点击”
如果我改变slides.click();到类名 $('.dot').click 它有效,但仅适用于前两张幻灯片?
最佳答案
document.getElementsByClassName
用于获取幻灯片的返回NodeList
,它是一个节点列表,而不是单个元素。HTMLElement#click()
是单个元素的方法。您可以迭代返回的NodeList
并在每个返回值上调用它。
一种方法是:
for(var j = 0; j < slides.length; j++) slides[j].click();
关于javascript - 使用 javascript 单击元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23013210/