这个有人知道是哪里的问题吗是做防下拉菜单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>
复制了你的代码看了下,报错是因为,鼠标悬浮在 “微博”两个字上,打印后发现,你那个for循环绑定会给a链接“微博”也绑定上,然后,鼠标悬浮后,该a链接下没有children,导致this.children[1]不存在,报错。 问题找到了,解决办法你自己想想,没仔细看你代码逻辑。