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 相关文章推荐
JQuery Ajax 跨域访问的解决方案
Mar 12 Javascript
js对象之JS入门之Array对象操作小结
Jan 09 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
Apr 26 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
Jan 23 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
JavaScript回调函数callback用法解析
Jan 14 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缓存技术介绍
2006/11/25 PHP
PHP仿盗链代码
2012/06/03 PHP
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
php实现无限级分类
2014/12/24 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
限制文本字节数js代码
2007/03/06 Javascript
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
2014/09/01 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
2020/03/11 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
浅谈vue-props的default写不写有什么区别
2020/08/09 Javascript
python getopt 参数处理小示例
2009/06/09 Python
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
Linux面试题LINUX系统类
2015/11/25 面试题
秘书岗位职责
2013/11/18 职场文书
车间班长岗位职责
2013/11/30 职场文书
师范类求职信
2014/06/21 职场文书
公务员个人年终总结
2015/02/12 职场文书
保护地球的宣传语
2015/07/13 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
如何写好闭幕词
2019/04/02 职场文书
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python
Redis如何实现分布式锁
2021/08/23 Redis
Python socket如何解析HTTP请求内容
2022/02/12 Python