Javascript DOM选择器

Question

我正在学习JS，并认为我对它有一个好的把握，直到我终于到达底线，试图解决这个问题。我已经查看了js引用，并试图调试自己，但我看不出哪里出错了。

我基本上希望警报显示从链接的href时，按左或右，我不需要任何人握住我的手，但一点友好的提示，我走错了，将真正的帮助。

非常感谢。

HTML：

<nav class="portfolio-navigation clearfix col-sm-2">
   <div class="portfolio-prev">
       <a href="#" data-toggle="tooltip" class="tooltip-shortcode mt-tooltip" data-placement="top" title="#">
        <i class="fa fa-chevron-left"></i>
        </a>
    </div>
    <div class="portfolio-next">
        <a href="#" data-toggle="tooltip" class="tooltip-shortcode mt-tooltip" data-placement="top" title="#">
        <i class="fa fa-chevron-right"></i>
        </a>
    </div>
</nav>

联合来文(有两次单独尝试)：

document.onkeydown = function(e) {
    e = e || event;
    switch (e.keyCode) {
        case 37: 
            var linkprev = getElementsByClassName('portfolio-navigation')[0].getElementsByTagName("a")[0].innerHTML;
            alert(linkprev);
            break;
        case 38: alert(window.location.href); break;
        case 39: 
            var linknext = getElementsByClassName('portfolio-next')[0].getElementsByTagName("a")[0].getAttribute("href");
            alert(linknext);
            break;
        case 40: alert('down the drain'); break;        
    }
};

Answer 1

你需要

document.getElementsByClassName

你错过了document.那部分。如果您正在观看，这将显示为控制台错误。

但做起来更容易

document.querySelector('.portfolio-navigation a')