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打造PHP的AJAX表单提交实例
Nov 03 Javascript
js获取网页高度(详细整理)
Dec 28 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
vue组件横向树实现代码
Aug 02 Javascript
vue slot与传参实例代码讲解
Apr 28 Javascript
详解Vue的七种传值方式
Feb 08 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
php下连接mssql2005的代码
2011/01/17 PHP
PHP计划任务、定时执行任务的实现代码
2011/04/23 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
JavaScript类和继承 constructor属性
2010/03/04 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
2013/10/09 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
jquery ztree实现右键收藏功能
2017/11/20 jQuery
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
vue组件三大核心概念图文详解
2019/05/30 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
python基础教程之类class定义使用方法
2014/02/20 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
python 常用的基础函数
2018/07/10 Python
Python3数字求和的实例
2019/02/19 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
pytorch加载自定义网络权重的实现
2020/01/07 Python
tensorflow使用CNN分析mnist手写体数字数据集
2020/06/17 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
Sunglass Hut巴西网上商店:男女太阳镜
2020/10/04 全球购物
你们项目是如何进行变更控制的
2015/08/26 面试题
个人委托书范本
2014/04/02 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
领导视察通讯稿
2015/07/18 职场文书
志愿服务心得体会
2016/01/15 职场文书
股东协议书范本2016
2016/03/21 职场文书
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
mysql 生成连续日期及变量赋值
2022/03/20 MySQL
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers