JS 使用for循环遍历子节点查找元素

 更新时间:2014年09月06日 09:20:48   投稿:whsnow  
这篇文章主要介绍了JS 使用for循环配合数组遍历子节点查找元素,经测试,效果不错,需要的朋友可以看看

这篇文章主要介绍了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如何使用dhtmlXTreeObject的loadJSONObject绘制目录树

    JavaScript如何使用dhtmlXTreeObject的loadJSONObject绘制目录树

    这篇文章主要介绍了JavaScript如何使用dhtmlXTreeObject的loadJSONObject绘制目录树,需要引入dhtmlXTreeObject的css和js文件,这里还需要注意js的引用顺序,本文给大家介绍的非常详细,需要的的朋友参考下吧
    2023-11-11
  • js实现移动端导航点击自动滑动效果

    js实现移动端导航点击自动滑动效果

    这篇文章主要为大家详细介绍了js实现移动端导航点击自动滑动效果,导航可左右滑动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 鼠标移入移出改变CSS样式的小例子

    鼠标移入移出改变CSS样式的小例子

    本篇文章介绍鼠标移入移出改变CSS样式的实例演示,需要的朋友可以参考一下
    2013-06-06
  • 微信小程序实现判断是分享到群还是个人功能示例

    微信小程序实现判断是分享到群还是个人功能示例

    这篇文章主要介绍了微信小程序实现判断是分享到群还是个人功能,结合实例形式分析了微信小程序分享与判断功能的实现原理、步骤及相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • 浅谈JS包装对象

    浅谈JS包装对象

    这篇文章主要介绍了浅谈JS包装对象,对包装对象感兴趣的同学,一定要详细看一下
    2021-04-04
  • JavaScript伪数组和数组的使用与区别

    JavaScript伪数组和数组的使用与区别

    这篇文章主要给大家介绍了关于JavaScript伪数组和数组使用与区别的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • js获取单选按钮的数据

    js获取单选按钮的数据

    js获取单选按钮的数据...
    2006-11-11
  • js点击按钮实现多张图片循环切换

    js点击按钮实现多张图片循环切换

    这篇文章主要为大家详细介绍了js点击按钮实现多张图片循环切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 老生常谈Bootstrap媒体对象

    老生常谈Bootstrap媒体对象

    下面小编就为大家带来一篇老生常谈Bootstrap媒体对象。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 微信小程序通过js实现瀑布流布局详解

    微信小程序通过js实现瀑布流布局详解

    这篇文章主要介绍了微信小程序通过js实现瀑布流布局详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08

最新评论