这个有人知道是哪里的问题吗是做防下拉菜单qwq

问题遇到的现象和发生背景

这个有人知道是哪里的问题吗是做防下拉菜单qwq

问题相关代码,请勿粘贴截图
<body>
    <div>
        <ul class="nav">
            <li class="ll">
                <a href="#"> 微博</a>
                <ul class="ull">
                    <li>私信</li>
                    <li>评论</li>
                    <li>@我</li>
                </ul>
            </li>
            <li class="ll">
                <a href="#"> 微博</a>
                <ul class="ull">
                    <li>私信</li>
                    <li>评论</li>
                    <li>@我</li>
                </ul>
            </li>
            <li class="ll">
                <a href="#"> 微博</a>
                <ul class="ull">
                    <li>私信</li>
                    <li>评论</li>
                    <li>@我</li>
                </ul>
            </li>
            <li class="ll">
                <a href="#"> 微博</a>
                <ul class="ull">
                    <li>私信</li>
                    <li>评论</li>
                    <li>@我</li>
                </ul>
            </li>
        </ul>
    </div>
    <script>
        var ll = document.querySelector('.ll');
        var lins = ll.children;
        for (var i = 0; i < lins.length; i++) {
            lins[i].onmouseover = function () {
                this.children[1].style.display = 'block';
            }
            lins[i].onmouseout = function () {
                this.children[1].style.display = 'none';
            }
        }
    </script>
</body>
运行结果及报错内容

img

复制了你的代码看了下,报错是因为,鼠标悬浮在 “微博”两个字上,打印后发现,你那个for循环绑定会给a链接“微博”也绑定上,然后,鼠标悬浮后,该a链接下没有children,导致this.children[1]不存在,报错。 问题找到了,解决办法你自己想想,没仔细看你代码逻辑。