JS 使用for循环遍历子节点查找元素


Posted in Javascript onSeptember 06, 2014

这篇文章主要介绍了JS 使用for循环配合数组遍历子节点查找元素

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]);
Javascript 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
jquery统计输入文字的个数并对其进行判断
Jan 07 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
vue.js将unix时间戳转换为自定义时间格式
Jan 03 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 #Javascript
js获取页面传来参数的方法
Sep 06 #Javascript
用javascript关闭本窗口技巧小结
Sep 05 #Javascript
使用jquery解析XML示例代码
Sep 05 #Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 #Javascript
JS获取当前网页大小以及屏幕分辨率等
Sep 05 #Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 #Javascript
You might like
php foreach 参数强制类型转换的问题
2010/12/10 PHP
php格式化json函数示例代码
2016/05/12 PHP
PHP微信支付开发实例
2016/06/22 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
js的alert样式如何更改如背景颜色
2014/01/22 Javascript
jquery访问ashx文件示例代码
2014/08/11 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
vue组件学习教程
2017/09/09 Javascript
javaScript日期工具类DateUtils详解
2017/12/08 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
微信小程序自定义顶部组件customHeader的示例代码
2020/06/03 Javascript
python去掉字符串中重复字符的方法
2014/02/27 Python
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
python:socket传输大文件示例
2017/01/18 Python
pyhton列表转换为数组的实例
2018/04/04 Python
详解Python3的TFTP文件传输
2018/06/26 Python
python使用sklearn实现决策树的方法示例
2019/09/12 Python
python对一个数向上取整的实例方法
2020/06/18 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
档案检查欢迎词
2014/01/13 职场文书
职工运动会邀请函
2014/01/19 职场文书
土地租赁意向书
2014/07/30 职场文书
作风整顿个人剖析材料
2014/10/06 职场文书
房屋租赁意向书范本
2015/05/09 职场文书