js和jquery获取子元素
1 <ul id="nav"> 2 <li></li> 3 <li> 4 <ul> 5 <li></li> 6 <li></li> 7 <li></li> 8 </ul> 9 </li> 10 <li></li> 11 </ul>
对于上面的结构，只想获取nav下的li而不获取li下的li，怎么写呢？
1.jquery很简单
$("#nav>li")即可，>表示直接从属关系
2.js
用children方法
var nav=document.getElementById('nav');
var oLi=nav.children;
console.log(oLi.length);//3