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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
jquery实现弹出层效果实例
May 19 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
js+css实现扇形导航效果
Aug 18 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查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
webpack构建vue项目的详细教程(配置篇)
2017/07/17 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
自我鉴定怎么写
2013/12/05 职场文书
档案接收函
2014/01/13 职场文书
写给老师的表扬信
2014/01/21 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
主题酒店策划书
2014/01/28 职场文书
教师求职自荐信
2014/03/09 职场文书
2014年教务工作总结
2014/12/03 职场文书
上课说话检讨书
2015/01/27 职场文书
诚信教育主题班会
2015/08/13 职场文书
先进个人主要事迹范文
2015/11/04 职场文书
2019同学聚会主持词
2019/05/06 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
sql注入教程之类型以及提交注入
2021/08/02 MySQL
在Python 中将类对象序列化为JSON
2022/04/06 Python