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