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数组的扩展实现代码集合
Jun 01 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
JS实现简易刻度时钟示例代码
Mar 11 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
Jun 26 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
微信小程序API—获取定位的详解
Apr 30 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批量生成缩略图的代码
2008/07/19 PHP
php download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
PHP中的闭包(匿名函数)浅析
2015/02/07 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
微信小程序中的swiper组件详解
2017/04/14 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
2018/03/26 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
python单元测试unittest实例详解
2015/05/11 Python
pandas 实现字典转换成DataFrame的方法
2018/07/04 Python
Python闭包函数定义与用法分析
2018/07/20 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
Python with语句和过程抽取思想
2019/12/23 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
医院护士专业个人的求职信
2013/12/09 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
五好家庭申报材料
2014/12/20 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
中国文明网2015年“向国旗敬礼”活动网上签名寄语
2015/09/24 职场文书