js怎样访问到一个div下面的所有一级div排除嵌套的div

例如：

 <div id="container"> 
     <div class="nav_title">
            <div>............</div>
     </div>
     <div class="nav_con">
            <div>............</div>
     </div>
     <div class="nav_foot">
            <div>............</div>
            <div>.....</div>
     </div>
 </div> 

怎样获取container下的一级div数组，而不是包含里面嵌套的div
如：var divs=document.getElementById("container").childNodes;
这个数组好像得出来的divs.length=5;想要访问的是带class属性的三个div盒子

$("#container > div") 即获取id为“container”的div中的下一级div

一级div都有这样比较固定的class？那这样试试看行不行：var divs = $("#container").find("div[class^='nav']")

给所有一级div加上相同的name
用getElementsByName获取

用jquery方式吧

   $('#container>div[class^="nav"]');
 或者
  $('#container>div');

$('#container>div');

document.getElementById("containner").childNodes;