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检测函数
May 31 Javascript
理解JSON:3分钟课程
Oct 28 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
第一次动手实现bootstrap table分页效果
Sep 22 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
canvas绘制环形进度条
Feb 23 Javascript
微信小程序 聊天室简单实现
Apr 19 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
Vue实现简易计算器
Feb 25 Javascript
基于vue和bootstrap实现简单留言板功能
May 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面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
PHP 开发环境配置(Zend Studio)
2010/04/28 PHP
PHP中用hash实现的数组
2011/07/17 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
jquery控制select的text/value值为选中状态
2014/06/03 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
python获取指定网页上所有超链接的方法
2015/04/04 Python
Python中datetime常用时间处理方法
2015/06/15 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
python pandas时序处理相关功能详解
2019/07/03 Python
python3实现单目标粒子群算法
2019/11/14 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
python中提高pip install速度
2020/02/14 Python
python如何安装下载后的模块
2020/07/03 Python
Myprotein丹麦官网:欧洲第一运动营养品牌
2019/04/15 全球购物
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
教你打造完美的创业计划书
2014/01/06 职场文书
应届生简历中的自我评价
2014/01/13 职场文书
银行求职信怎么写
2014/05/26 职场文书
社区好人好事材料
2014/12/26 职场文书
springboot+VUE实现登录注册
2021/05/27 Vue.js
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android