js遍历有关问题

js遍历问题
<div class="box" onclick="fun()">
<div class="id" style="display:none;">69879sajkdlka</div>
<div class="url" style="display:none;">http://www.baidu.com</div>
<div class="box_main"></div>
</div>
<div class="box" onclick="fun()">
<div class="id" style="display:none;">69879sajkdlka</div>
<div class="url" style="display:none;">http://www.baidu.com</div>
<div class="box_main"></div>
</div>
<div class="box" onclick="fun()">
<div class="id" style="display:none;">69879sajkdlka</div>
<div class="url" style="display:none;">http://www.baidu.com</div>
<div class="box_main"></div>
</div>
我有多个box，我想要点击box获取box之下的id和url，js怎么实现
不要说jquery，这个我也知道简单，可是同事就是要求用js写
------解决思路----------------------
Jquey不就是js吗?
${.class}应该就能取到吧
------解决思路----------------------
通过类名来捕获函数的方法：
http://jingyan.baidu.com/article/86fae346bf34683c49121aae.html
------解决思路----------------------
<div class="box" onclick="fun()">
<div class="id" style="display:none;">69879sajkdlka</div>
<div class="url" style="display:none;">http://www.baidu.com</div>
<div class="box_main"></div>
</div>


在onclick的fun()这个方法写成： fun(this);
这样就可以获得当前点击的对象了


当然你也可以在每个fun()中加入当前id最为唯一标示使用javascript原生的document.getElementById啥的获取你所要的元素
------解决思路----------------------

function fun(event){

      var node = event.childNodes;

     for(var i=0;i<node.length;i++){

            alert("node["+i+"]:"+node[i].innerHTML);

     }

}