javascript - TypeError : document. getElementById(...).getElementsByTagName(...).click 不是函数

Question

Origin source

<script>
    document.addEventListener('keydown', function (e) {
        // 37 is left arrow, 39 is right arrow
        if (e.which === 37) {
            document.getElementById('previousPhoto').getElementsByTagName('a').click();
        } else if (e.which === 39) {
            document.getElementById('nextPhoto').getElementsByTagName('a').click();
        }
    });
</script>

生成一个错误，我将其放在上面的标题上。

附注有那些链接。当我点击鼠标时工作正常。

Answer 1

getElementsByTagName 获取一个 nodeList，它是所有匹配元素的类似数组的列表。

如果您想要该集合中的第一个元素，您可以使用 [0] 等访问它。

document.getElementById('previousPhoto').getElementsByTagName('a')[0].click();

对于 IE8 及以上版本，querySelector/querySelectorAll 也可用

document.querySelector("#previousPhoto a").click()