html
<div id='tab'>
<ul>
<li class="option seletedLi">第一部分</li>
<li class="option">第二部分</li>
<li class="option">第三部分</li>
<li class="option">第四部分</li>
<li class="option">第五部分</li>
</ul>
<div class="content seletedDiv">第一部分</div>
<div class="content"><ul><li>111</li><li>111</li></ul>第二部分</div>
<div class="content">第三部分</div>
<div class="content">第四部分</div>
<div class="content">第五部分</div>
</div>
js
//获取指定元素下指定子节点函数
function getChildren(ele,tag){
var oDivs = document.getElementById(ele);
var children = oDivs.childNodes;//先把ele所有子节点获取到;
tag = tag.toUpperCase();
var a = [];
for(var i=0;i<children.length;i++){//做循环
var node = children[i];
if(node.nodeType==1&&node.nodeName==tag){
//如果当前子元素的‘节点类型’是1,并且节点名称是tag值;
a.push(children[i]);//把子节点放到数组中;
}
}
return a;
}
var len = getChildren('tab','ul');
alert(len.length)