JavaScript导航栏无法在最后一个工作

Question

使用导航栏上的键盘进行制表时，除最后一个锂键外，其他所有功能均正常运行，该选项卡将其打开，但不会进入其中。

我认为我在我的JAVA SCRIPT代码中缺少某些内容 我已经在不同的网站上尝试过此代码，并且执行相同的操作

function tab_nav() {
    var navA = document.querySelectorAll("ul li>a");
    var navInner = document.querySelectorAll("li ul li>a");

    for (var i = 0, len = navA.length; i < len; i++) {
        navA[i].addEventListener("focus", function (event) {
            var innerUl = event.target.parentElement.querySelector("ul")
            if (innerUl) innerUl.style.display = "block";
        }, true);
    }

    for (var i = 0, len = navInner.length; i < len; i++) {
        if (navInner[i].parentElement.nextElementSibling === null) {
            navInner[i].addEventListener("blur", function (event) {
                event.target.parentElement.parentElement.style.display = "none"
            }, true);
        }
    }
}

            <nav id="top">
                <ul class="nav">
                    <li class="nav-item">
                        <a href="index.html">דף הבית</a>
                    </li>
                    <li class="nav-item">
                        <a class="notPage" href="#">מהי אנימה?</a>
                        <ul>
                            <li><a class="active-page" href="history.html">הסטוריה</a></li>
                            <li><a href="MessageAndPrinciple.html">מסרים וערכים</a></li>
                            <li><a class="notActiveTopNav" href="#">מאפייני האנימה</a></li>

                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="notPage" href="#">סדרות מומלצות</a>
                        <ul>
                            <li>
                                <a href="ActionGenre.html">אקשן</a>
                                <ul id="verySubNav">
                                    <li><a href="NarutoPage.html">נארוטו</a></li>
                                    <li><a class="notActiveTopNav" href="#">פרי טייל</a></li>
                                    <li><a class="notActiveTopNav" href="#">מתקפת הטיטאנים</a></li>
                                    <li><a class="notActiveTopNav" href="#">דרגון בול</a></li>
                                </ul>
                            </li>
                            <li>
                                <a class="notActiveTopNav" href="#">רומנטיקה</a>
                                <ul id="verySubNav">
                                    <li><a class="notActiveTopNav" href="#">להחסיר פעימה</a></li>
                                    <li><a class="notActiveTopNav" href="#">סיפור האהבה שלי</a></li>
                                    <li><a class="notActiveTopNav" href="#">ימי בית ספר</a></li>
                                    <li><a class="notActiveTopNav" href="#">אנג'ליק</a></li>
                                </ul>
                            </li>
                            <li>
                                <a class="notActiveTopNav" href="#">אימה</a>
                                <ul id="verySubNav">
                                    <li><a class="notActiveTopNav" href="#">מחברת המוות</a></li>
                                    <li><a class="notActiveTopNav" href="#">קוד גיאז</a></li>
                                    <li><a class="notActiveTopNav" href="#">טוקיו גול</a></li>
                                    <li><a class="notActiveTopNav" href="#">פסיכו'פס</a></li>
                                </ul>
                            </li>
                            <li>
                                <a class="notActiveTopNav" href="#">הרפתקאות</a>
                                <ul id="verySubNav">
                                    <li><a class="notActiveTopNav" href="#">אין משחק אין חיים</a></li>
                                    <li><a class="notActiveTopNav" href="#">וואן פיס</a></li>
                                    <li><a class="notActiveTopNav" href="#">טריגאן</a></li>
                                    <li><a class="notActiveTopNav" href="#">ויולט אברגארדן</a></li>
                                </ul>
                            </li>
                            <li>
                                <a class="notActiveTopNav" href="#">מדע בדיוני</a>
                                <ul id="verySubNav">
                                    <li><a class="notActiveTopNav" href="#">אוונגליון</a></li>
                                    <li><a class="notActiveTopNav" href="#">כהה יותר משחור</a></li>
                                    <li><a class="notActiveTopNav" href="#">כתר אשם</a></li>
                                    <li><a class="notActiveTopNav" href="#">הרוח במעטפת</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="notPage" href="#">מילון מושגים</a>
                        <ul>
                            <li><a href="Dictionary.html">מושגים בסיסיים</a></li>
                            <li><a class="notActiveTopNav" href="#">ז'אנרים מיוחדים</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="notActiveTopNav" id="forumFix" href="#">פורום</a>
                    </li>
                </ul>
            </nav>

继续传递内部li并跳至主导航区中的下一个li