JS 遍历子节点查找元素

Myth丶恋晨 2022-08-12 00:12 337阅读 0赞

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]);

发表评论取消回复

表情：

评论列表（有 0 条评论，337人围观）

还没有评论，来说两句吧...

相关阅读

相关 js遍历(js遍历json对象)

遍历是什么意思啊？？？在数据结构中，遍历就是指沿着某条搜索路线,依次对路线中每个结点均做一次并且只做一次访问 ![js遍历(js遍历json对象)\_js遍历(js遍

快来打我*/ 2023年09月26日 14:47/ 0 赞/ 31 阅读

相关 js根据条件删除元素，不用遍历

js根据条件删除元素，不用遍历解决方法：下面例子就是返回optId的值以\[开头且以\]结尾的元素 [http://yayihouse.com/yayishuw

迷南。/ 2023年06月17日 10:51/ 0 赞/ 84 阅读

相关 Js递归遍历所有子节点

js递归遍历json所有数据 // 递归遍历chartOptions 删除掉没有显示的一些属性 function getAllJson(jsons, name

布满荆棘的人生/ 2023年02月26日 11:23/ 0 赞/ 128 阅读

相关 JavaScript中DOM节点的查找(遍历)

JavaScript中DOM节点的查找(遍历) 这篇文章讲一下DOM节点的查找，即DOM节点的遍历。说道遍历大家应该不陌生了，在js中，通过DOM节点的遍历，我么可以通过

Love The Way You Lie/ 2023年02月13日 14:55/ 0 赞/ 140 阅读

相关 php中js的遍历,js如何进行元素遍历

这次给大家带来js如何进行元素遍历，js进行元素遍历的注意事项有哪些，下面就是实战案例，一起来看一下。支持Element Traversal 规范的浏览器有IE 9+、Fi

小灰灰/ 2023年01月13日 05:57/ 0 赞/ 284 阅读

相关 JQuery中的遍历-元素查找

JQuery遍历概念 jQuery 遍历，可以理解为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。废话不多说先上方法 <table

╰半夏微凉°/ 2022年11月26日 15:58/ 0 赞/ 316 阅读

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

function nextChildNode(node,clazz,tagName){ var count= node.childEle

Myth丶恋晨/ 2022年08月12日 00:12/ 0 赞/ 338 阅读

相关遍历节点树、遍历元素树、遍历API、查找 API

遍历节点数 > 深度优先算法，递归调用 -------------------- 节点树 > 包含所有节点对象的树 > arguments.callee:指

墨蓝/ 2022年07月14日 04:00/ 0 赞/ 357 阅读

相关遍历集合元素

使用Iterator接口 Iterator主要用于遍历Collection集合中的元素（迭代访问）。 Iterator对象也叫迭代器。 Iterator接口向应用程

曾经终败给现在/ 2022年07月11日 12:04/ 0 赞/ 428 阅读

相关 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var paren

た入场券/ 2022年06月17日 04:48/ 0 赞/ 594 阅读