TypeError：document.getElementById（…）.getElementsByTagName（…）.click不是函數

Question

原產地

<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>

產生一個錯誤，我把上面的標題。

PS有那些鏈接。 鼠標單擊時可以正常工作。

Answer 1

getElementsByTagName獲取一個nodeList，它是所有匹配元素的類似數組的列表。

如果您想要該集合中的第一個元素，則可以使用[0]等進行訪問。

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

對於IE8及更高版本， querySelector / querySelectorAll也可用

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

Answer 2

您正在處理節點數組並嘗試單擊它。 您必須使用索引來訪問特定元素，然后單擊。

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

可以使用querySelector獲取元素previousPhoto的子錨標簽的另一種方法

document.querySelectorAll('#previousPhoto a')[0].click()