JavaScript 中遍历子节点代码片段



/****************************************************************************************	
*    功能:遍历根据标签名称遍历出
*    param:
*            Node: 节点
*    TagClassName: 标签名称
*
****************************************************************************************/
function travrseNode(Node,TagClassName){
    if(Node.nodeType != 1)
        return null;			
    if(Node.getAttribute('class') == TagClassName)
        return Node;
    var ret = null;
    function travrse(Node,TagClassName){		
        var children = Node.childNodes;
        var length = children.length;
        if(length == 0)
            return Node;
        for(var ii = 0 ; ii < length ; ii++){    
            var tempNode = children[ii];
        if(tempNode != null && tempNode.nodeType == 1){
            var tempNodeClass = tempNode.getAttribute('class');			
                if(tempNodeClass == TagClassName){
                    ret =  tempNode;
                    break;
                }
                else
                {
                    travrse(tempNode,TagClassName);
                }
            }
        }
        return ret;
    }		
    return travrse(Node,TagClassName);
}

/***************************************************************************************
*    功能:通过innerHTML标签的内容查询出顶层标签节点的同名子节点
*    参数:
*        idName: 顶层div的id值
*    cClassName: 寻找的目标标签
* innerHTMLText: 标签中的内容		
*
****************************************************************************************/
function findNodeById(idName,cClassName,innerHTMLText){
    var retNode = null;
    var node = document.getElementById(idName);
    if(node != null)
    {			
        //寻找子节点
        var childNode = node.childNodes;			
        var childCount = childNode.length;
        for(var ii = 0 ; ii < childCount ; ii++){
            if(childNode[ii].nodeType == 1){
                var childClassName = childNode[ii].getAttribute('class');	                              
                if(childClassName == cClassName){
                    var tempNode = travrseNode(childNode[ii],'tag-label');					                                                
                    if(tempNode.innerHTML == innerHTMLText)
                    {	
                        retNode = childNode[ii];
                        break;
                    }
                }
            }
        }
    }
    return retNode;
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值