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 04 Javascript
jquery attr 设定src中含有&amp;(宏)符号问题的解决方法
Jul 26 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
Jun 19 Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
require.js的用法详解
Oct 20 Javascript
angularjs表格ng-table使用备忘录
Mar 09 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
js 打开新页面在屏幕中间的实现方法
Nov 02 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
如何开发一个渐进式Web应用程序PWA
May 10 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
MySql 按时间段查询数据方法(实例说明)
2008/11/02 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
JavaScript使用Replace进行字符串替换的方法
2015/04/14 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
js比较日期大小的方法
2015/05/12 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
python使用opencv读取图片的实例
2017/08/17 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
深入了解Python 变量作用域
2020/07/24 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
先进个人事迹材料
2014/01/25 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
领班岗位职责范文
2014/02/06 职场文书
体育教师自我鉴定
2014/02/12 职场文书
英文演讲稿开场白
2014/08/25 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
雨雪天气温馨提示
2015/07/15 职场文书
礼貌问候语大全
2015/11/10 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
如何利用python实现Simhash算法
2022/06/28 Python
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技