Typeerror:.. Document.getElementById (...) getElementsByTagName (...) klicken ist keine Funktion

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> 

einen Fehler erzeugt, die ich oben auf den Titel setzen.

P.S. Da sind diese Links. Perfekt funktioniert, wenn ich mit der Maus klicke.

Answer 1

getElementsByTagName Ruft eine nodeList, eine Array-ähnliche Liste aller übereinstimmenden Elemente.

Wenn Sie das erste Element in dieser Sammlung wollen, sollten Sie darauf zugreifen mit [0] usw.

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

Für IE8 und oben, querySelector/querySelectorAll verfügbar ist auch

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

Answer 2

Sie beschäftigen sich mit einem Array von Knoten und versuchen, darauf zu klicken. Sie müssen den Index verwenden, um auf das spezifische Element zuzugreifen, und dann auf klicken.

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

Ein anderer Weg, um die Kinder Anker-Tags des Elements previousPhoto Sie querySelector

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