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)

發佈了34 篇原創文章 · 獲贊 16 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章