js 擷取指定節點下某種子節點數量

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)