Question

js如何获取子节点

<ul>
<li>
<div></div>
<div>隐藏</div>
<div></div>
</li>
<li>
<div></div>
<div>隐藏</div>
<div></div>
</li>

<li>
<div></div>
<div>隐藏</div>
<div></div>
</li>
</ul>

当我鼠标移动到li上面的时候当前li的div显示，其他不变，移出隐藏
我写了 var oLi=document.getElementsByTagName('li');
要如何获取下面的div
麻烦写了JS的，我是初学者，还没接触JQuery，谢谢各位

Answer 1

js的代码比较长，我写个jquery的：

$(function(){
    $("li").hover(function(){
        $(this).children().show();
    },function(){
        $(this).children().hide();
    });
});

追问

谢谢哈，我是初学者，还没接触jquery ，~~~

追答

也是和js一样的，只不过jquery把那些格式简化了，写起来就不用写那么多代码，用起来也很简单。只要在最上面嵌套一个jquery库就可以再下面进行jquery格式的效果了。望采纳！

Answer 2

1.可以使用childNotes方法：
2.定义和用法：
childNodes 属性返回节点的子节点集合，以 NodeList 对象。
3.实例：获得 body 元素的子节点集合：
document.body.childNodes;