childNodes 获得子元素 _Web前端

childNodes 取得子元素

取得div下级所有元素

1 childNodes 取得所有子节点（TEXT_NODE+ELEMENT_NODE下面会介绍），

? 问题：多选出一些对象TEXT_NODE

? 解决：过滤掉?

节点常量对照表

?NodeType 节点类型 ?Named Constant 指定常量

1ELEMENT_NODE

2ATTRIBUTE_NODE

3TEXT_NODE

4CDATA_SECTION_NODE

5ENTITY_REFERENCE_NODE

6ENTITY_NODE

7PROCESSING_INSTRUCTION_NODE

8COMMENT_NODE

9DOCUMENT_NODE

10DOCUMENT_TYPE_NODE

11DOCUMENT_FRAGMENT_NODE

12NOTATION_NODE

2 用层级查找实现?

? 类似： document.getElementById('div2').getElementsByTagName('span');

 <div id="div2">
	<span class="s">2第一个span</span>
	<span class="s">2第二个span</span>
	<span class="s">2第三个span</span>
</div>

? 方法1 例子

    //查找孩子节点 
    function findChildred(domEle){
    	var children = [] ; 
        var nodes = domEle.childNodes;
        for(var i=0  ;i<nodes.length ;i++ ){
        	if(nodes[i].nodeType==1){//如果是元素节点
        		children.push( nodes[i]);
        	} 
        }
        return children;
    }

?方法2例子

 var spans = document.getElementById('div2').getElementsByTagName('span');