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 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
ExtJs grid行 右键菜单的两种方法
Jun 19 Javascript
让angularjs支持浏览器自动填表
Nov 10 Javascript
JavaScript原生对象之Date对象的属性和方法详解
Mar 13 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
JS获取IMG图片高宽的简单实例
May 17 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
基于JavaScript实现活动倒计时效果
Apr 20 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
聊聊Vue 中 title 的动态修改问题
Jun 11 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
php使用memcoder将视频转成mp4格式的方法
2015/03/12 PHP
php语法检查的方法总结
2019/01/21 PHP
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
Js获取图片原始宽高的实现代码
2016/05/17 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
vue基于better-scroll实现左右联动滑动页面
2020/06/30 Javascript
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
在Python中使用模块的教程
2015/04/27 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
[原创]教女朋友学Python(一)运行环境搭建
2017/11/29 Python
Python实现识别手写数字 Python图片读入与处理
2020/03/23 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
毕业生求职简历中的自我评价
2013/10/18 职场文书
大学生饮食连锁店创业计划书
2014/01/17 职场文书
龙潭大峡谷导游词
2015/02/10 职场文书
人生遥控器观后感
2015/06/11 职场文书
黑白记忆观后感
2015/06/18 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript
CSS基础详解
2021/10/16 HTML / CSS
详解TypeScript的基础类型
2022/02/18 Javascript
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL