JS 遍历子节点查找元素

 function nextChildNode(node,clazz,tagName){
            var count= node.childElementCount;
            for(var i=0;i<count;i++){
                if(node==undefined || node.children[i]==undefined){
                    continue;
                }
                if(clazz){
                    if(node.children[i].getAttribute('class')==clazz){
                        return node.children[i];
                    }
                }else{
                    if(node.children[i].tagName==tagName){
                        return node.children[i];
                    }
                }

            }
            return null;
        }

        function getChildNode(node,classArg,tagNodeArg){
            for(var i=0;i<classArg.length;i++){
                node=nextChildNode(node,classArg[i]);
            }
            for(var i=0;i<tagNodeArg.length;i++){
                node=nextChildNode(node,null,tagNodeArg[i]);
            }
            return node;
        }

        function getItemId(node){
            var classNode=['itemInfo','itemDesc'],tagNode=['P','BUTTON'];
            node=getChildNode(node,classNode,tagNode);
            alert(node.getAttribute('itemid'));

        }

        #调用函数
        getItemId($(".shopItem")[0]);

时间: 2024-12-16 06:11:47

JS 遍历子节点查找元素的相关文章

js遍历 子节点 子元素

Js 节点 子元素 属性 方法 // 添加子节点前 删除所有子节点 var usernameEle = document.getElementById("username"); var childs = usernameEle.childNodes; for(var i = childs.length - 1; i >= 0; i--) { usernameEle.removeChild(childs[i]); } var username = document.createTe

5月25日-js操作DOM遍历子节点

一.遍历节点 遍历子节点 children();//获取节点的所有直接子类 遍历同辈节点 next(); prev(); siblings();//所有同辈元素 *find(); 从后代元素中查找匹配的 filter(); 过滤查找 each() 遍历节点 $("li").each(function(i,ele){ //alert($(ele).html()); }); 二.css DOM操作 三.表单校验 表单选择器

js创建子节点

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>js创建子节点</title></head><body> <ul id="test">  <li>JavaScript</

js获取子节点和修改input的文本框内容

js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 例如:$("#"+defaultPVItemId).children().eq(3).find('input').val('当前位置'); //修改某个选择器下的第四个子节点的input节点的输入框文本内容 js修改属性内容: attr():该方法一般是获取某个属性值,或者修改某个属性值,

JS获取子节点、父节点和兄弟节点的方法实例总结

JS获取子节点.父节点和兄弟节点的方法实例总结 原生js 参考网址 Jquery 参考网址 原文地址:https://www.cnblogs.com/renxiuxing/p/10180558.html

通过子节点查找父节点

lz在用element-ui时候 用到Cascader 级联选择器多选的时候 是要进行通过子节点查找所有的父节点的需求:于是有了下面的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>find family</title> <script type="text/javascript&

javascript中的子节点查找,childNodes和children

一.查找元素: 1.getElementById():接收一个参数:要取得的元素的 ID.如果找到相应的元素则返回该元素,如果不存在带有相应 ID 的元素,则返回 null.严格匹配,包括大小写. IE7 及较低版本还为此方法添加了一个有意思的"怪癖": name 特性与给定 ID 匹配的表单元素(<input>.<textarea>. <button>及<select>)也会被该方法返回.如果有哪个表单元素的 name 特性等于指定的

js、jq 节点、元素获取

     /* js */        var test = document.getElementById('test');        var parent = test.parentNode; // 父节点        var chils = test.childNodes; // 全部子节点        var first = test.firstChild; // 第一个子节点        var last = test.lastChile; // 最后一个子节点      

JS遍历DOM 节点树的实现

本文将分享 DOM 节点树深度遍历.广度遍历代码. 假定我仅遍历 body 且其结构如下: <body> <section class="container"> <div class="left"> <div class="menu"></div> </div> <div class="right"> <div class="b