javascript - 使用 javascript 单击元素

Question

尝试为轮播制作一个简单的循环来自动滑动图像，但无法弄清楚为什么它不起作用...感谢任何帮助，(“点”是当您想要更改时单击的内容轮播中的图片)，但我希望幻灯片在访问页面时自动更改。

代码如下所示:

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 它有效，但仅适用于前两张幻灯片？

Answer 1

• document.getElementsByClassName用于获取幻灯片的返回 NodeList ，它是一个节点列表，而不是单个元素。

• HTMLElement#click()是单个元素的方法。您可以迭代返回的 NodeList 并在每个返回值上调用它。

一种方法是:

for(var j = 0; j < slides.length; j++) slides[j].click();