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查询DBpedia小应用实例学习
Mar 07 Javascript
js实现同一个页面多个渐变效果的方法
Apr 10 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
详解JS中的attribute属性
Apr 25 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
js+html获取系统当前时间
Nov 10 Javascript
深入研究React中setState源码
Nov 17 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
JavaScript使用canvas绘制坐标和线
Apr 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
德劲1107的电路分析与打磨
2021/03/02 无线电
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
Javascript Object.extend
2010/05/18 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
用python 制作图片转pdf工具
2015/01/30 Python
Django的分页器实例(paginator)
2017/12/01 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
使用python-cv2实现Harr+Adaboost人脸识别的示例
2020/10/27 Python
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
市场营销专业个人求职信范文
2013/12/14 职场文书
学校办公室主任职责
2013/12/27 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
学生党员公开承诺书
2014/05/28 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
婚礼父母答谢词
2015/01/04 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
关爱空巢老人感想
2015/08/11 职场文书
高中体育课教学反思
2016/02/16 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
javascript实现计算器功能详解流程
2021/11/01 Javascript
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB