Div嵌套引用的问题？

[IMarksman]

如下：
<div name="aa">
<div name="bb">
<div name="cc">
some text!
</div>
</div>
</div>
请问如何在JavaScript里面引用最内层的div？
比如类似aa.bb.cc.style.display = "none"
但是这样不行！

[fason]

<script language="JavaScript">
<!--
var oDiv=document.getElementsByTagName("DIV")
for(i=0;i<oDiv.length;i++)
if(oDiv[i].name=="cc")oDiv[i].style.display="none"
//-->
</script>

[bencalie]

aa.childNodes[0].childNodes[0].display = "none";

[IMarksman]

谢谢！
但是如果页面中有两个重名的div,如
<div name="aa" onmouseover="hidelayer(this)">
<div name="bb">
<div name="cc">
some text!
</div>
</div>
</div>
<div name="aa" onmouseover="showlayer(this)">
<div name="bb">
<div name="cc">
some text!
</div>
</div>
</div>

我想载鼠标划过的所有div的内层div隐藏？有办法吗？

[IMarksman]

谢谢bencalie(Bencalie)，问题已经解决，非常感谢！