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复制功能调用实现方案
Dec 13 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
jQuery固定元素插件scrolltofixed使用指南
Apr 21 Javascript
基于node实现websocket协议
Apr 25 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
详解vue路由
Aug 05 Javascript
梳理一下vue中的生命周期
Dec 30 Vue.js
Vue单页面应用中实现Markdown渲染
Feb 14 Vue.js
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
在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
咖啡的化学
2021/03/03 咖啡文化
判断PHP数组是否为空的代码
2011/09/08 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
js读写json文件实例代码
2014/10/21 Javascript
jQuery多级弹出菜单插件ZoneMenu
2014/12/18 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
Node.js返回JSONP详解
2016/05/18 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
2017/02/21 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
构建Python包的五个简单准则简介
2015/06/15 Python
python实现批量监控网站
2016/09/09 Python
python实现教务管理系统
2018/03/12 Python
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
对DJango视图(views)和模版(templates)的使用详解
2019/07/17 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
原装进口全世界:天猫国际
2016/08/03 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
销售实习自我鉴定
2013/12/07 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
运动会宣传语
2015/07/13 职场文书