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-10-15 15:08:14

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

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

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

JS之获取子节点

在JS中获取子节点有以下几种方法: firstElementChild.firstChild.childNodes和children 我们通过一个例子来分析这几种方法的区别(获取div下的p标签) 输出结果是这样的: firstElementChild和Children 都成功获取到了p标签,那另外两个文本(#text)是什么东西呢? 其实是因为现在的标准浏览器会为空白符创建文本节点(标签之间换行或空格之类的都会产生空白符),而ie9以前的浏览器却不会. 我们知道DOM节点分为三大类 1.元素节

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

js获取HTML DOM节点元素方法总结

1. 通过顶层document节点获取:    (1)document.getElementById(elementId) :通过ID获得节点,如果页面上含有多个相同id的节点,那么只返回第一个节点.   (2)document.getElementsByName(elementName) :通过name获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组.然后,我们可以通过要获取节点的某个属性来循环判断是否为需要的节点.            例如:在HTML中

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.childre

JS原生追加子节点

var fragment = document.createDocumentFragment(); li = document.createElement('li'); li.className = "xxx"; fragment.appendChild(li); document.getElementById("xx").appendChild(fragment); 如上,须要先原生创建节点,节点内容成为了document的一部分才干appendchild. 假设

元素的子节点

元素的childNodes属性中包含了他的所有子节点,这些子节点有可能是元素,文本节点,注释或者处理指定,也就是所 例如: <ul id="myList"> <li>Iten1</li> <li>Item2</li> <li>Item3</li> </ul> 在不同的浏览器中,返回ul元素的子节点的数目不同,,因为li元素之间的空格,所以在除IE之外的其他浏览器之中,会返回子节点的数目为7,

ORACLE 树形遍历查询根节点、父节点、子节点

1.准备演示数据 创建表结构: -- Create table createtable Z_ORG(  cid         NUMBER,  cname       VARCHAR2(32),  parent_id   NUMBER,  create_time DATE,  org_level   NUMBER) tablespace POWERDESK pctfree10 initrans1 maxtrans255; -- Add comments to the table comment

详解SimpleXML添加_修改_删除_遍历XML节点属性

SimpleXML概述 要处理XML 文件,有两种传统的处理思路:SAX 和DOM.SAX 基于事件触发机制,对XML 文件进行一次扫描,完成要进行的处理:DOM 则将整个XML 文件构造为一棵DOM树,通过对DOM 树的遍历完成处理.这两种方法各有优缺点,SAX 的处理思路相对抽象,DOM 的处理过程相对烦琐,都不很适合新手的入门. PHP5 推出了一套新的XML 处理函数,即SimpleXML.名如其实,SimpleXML 本身小巧精干,只提供了少量的几个方法函数,但用它处理起XML 文件功