JS 使用for循环遍历子节点查找元素
作者:bea
这篇文章主要介绍了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].ge
这篇文章主要介绍了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]);
有用 | 无用
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中判断原生函数检查function是否是原生代码
- 三种取消选中单选框radio的方法
- 使用JQuery库提供的扩展功能实现自定义方法
- JQuery 给元素绑定click事件多次执行的解决方法
- 一个实用的图片切换支持点击切换和自动轮播
- 用JavaScript实现用一个DIV来包装文本元素节点
- 点击button获取text内容并改变样式的js实现
- js 数组去重的四种实用方法
- jQuery源码分析之jQuery中的循环技巧详解
- 10分钟学会写Jquery插件实例教程
- 页面加载完后自动执行一个方法的js代码
- jquery mobile页面跳转后样式丢失js失效的解决方法
- 禁止iframe脚本弹出的窗口覆盖了父窗口的方法
- js和jquery中循环的退出和继续学习记录
- jquery实现html页面 div 假分页有原理有代码
- JavaScript及jquey实现多个数组的合并操作
- jquery用offset()方法获得元素的xy坐标
- jquery向上向下取整适合分页查询
- JavaScript实现动态创建CSS样式规则方案