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 相关文章推荐
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
JS图片轮播与索引变色功能实例详解
Jul 06 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 Javascript
Vue.js组件通信之自定义事件详解
Oct 19 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
vue基于Teleport实现Modal组件
May 31 Vue.js
在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中smarty实现多模版网站的方法
2015/06/11 PHP
CI框架的安全性分析
2016/05/18 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
javascript AutoScroller 函数类
2009/05/29 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
2012/03/14 Javascript
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
javascript常用函数(2)
2015/11/05 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
python解析中国天气网的天气数据
2014/03/21 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
Django打印出在数据库中执行的语句问题
2019/07/25 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
波兰灯具、照明和LED购物网站:Lampy.pl
2019/03/11 全球购物
Prototype如何更新局部页面
2013/03/03 面试题
教师绩效考核方案
2014/01/21 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
质量整改报告范文
2014/11/08 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书