JS 使用for循環(huán)遍歷子節(jié)點查找元素
更新時間：2014年09月06日 09:20:48 投稿：whsnow
這篇文章主要介紹了JS 使用for循環(huán)配合數(shù)組遍歷子節(jié)點查找元素，經測試，效果不錯，需要的朋友可以看看
這篇文章主要介紹了JS 使用for循環(huán)配合數(shù)組遍歷子節(jié)點查找元素
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'));
}
#調用函數(shù)
getItemId($(".shopItem")[0]);
相關文章
Javascript腳本語言同其他語言一樣,有它自身的基本數(shù)據(jù)類型,表達式和算術運算符及程序的基本程序框架,這篇文章主要給大家介紹了關于JS中八種數(shù)據(jù)類型的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了DOM操作一些常用的屬性匯總，總結的相當全面，附上示例，是篇非常不錯的學習提高DOM操作的文章，推薦給大家。2015-03-03
bootstrap Table服務端處理分頁(后臺是.net)
這篇文章主要為大家詳細介紹了bootstrap Table服務端處理分頁，后臺是.net，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了JavaScript模板引擎實現(xiàn)原理詳解,本文著重講解artTemplate模板的實現(xiàn)原理,它采用預編譯方式讓性能有了質的飛躍,是其它知名模板引擎的25、32 倍,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了js實現(xiàn)點擊圖片改變頁面背景圖的方法,實例分析了javascript操作css與圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
javascript一種由Netscape的LiveScript發(fā)展而來的腳本語言，它提高與Java的兼容性。JavaScript采用HTML頁作為其接口。很多朋友問js是什么意思？下面小編通過分享本教程給大家解答下，感興趣的朋友參考下2016-09-09
這篇文章主要介紹了JS正則表達式修飾符global(/g)用法,結合實例形式分析了JS全局匹配修飾符/g的功能、使用方法與相關注意事項,需要的朋友可以參考下2016-12-12
兼容主流瀏覽器的 iframe 自適應高度，很實用的，具體的js腳本如下，感興趣的朋友可不要錯過2014-01-01
HBuilderX開發(fā)一個簡單的微信小程序的實現(xiàn)步驟
本文主要介紹了HBuilderX開發(fā)一個簡單的微信小程序的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要為大家詳細介紹了Bootstrap輸入框組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06