div怎样象document.forms[i].elements一样顺序获取html dom对象中所有元素

Question

<input type=checkbox>
<div id="layer">
<input type=text id=txt>
<input type=button id=btn>
<select id="sel" NAME="Button1">
</select>
<input type=submit id="sub">
<textarea id="area"></textarea>
</div>
<script>
var lay = document.getElementsByTagName("div")[0];
var arrCtl = ["select-one","button","textarea","text","hidden","submit"];
for(var i=0;i<lay.childNodes.length;i++)
{
var obj  = lay.childNodes[i];
var type = obj.type;
if(type!="undefined")
{

var flag = false;
for(var j=0;j<arrCtl.length;j++)
{
if(type==arrCtl[j]) flag = true;
}
if(flag) alert(obj.id);
}
}</script>