js獲取元素下的第一級(jí)子元素的方法(推薦)
更新時(shí)間：2017年03月05日 12:55:29 投稿：jingxian
下面小編就為大家?guī)?lái)一篇js獲取元素下的第一級(jí)子元素的方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
js childnodes獲取的是所有的子元素，而我們實(shí)際要獲取第一級(jí)子元素。
function getChildren(obj){
var objChild = [] ;
var objs = obj.getElementsByTagName('*');
for(var i=0,j=objs.length; i<j;++i){
if(objs[i].nodeType != 1){alert(objs[i].nodeType);
continue ;
}
var temp = objs[i].parentNode;
if(temp.nodeType == 1){
if(temp == obj){
objChild[objChild.length] = objs[i] ;
}
}else if(temp.parentNode == obj){
objChild[objChild.length] = objs[i] ;
}
}
return objChild ;
}
以上這篇js獲取元素下的第一級(jí)子元素的方法(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Bootstrap table表格簡(jiǎn)單操作的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript利用虛擬列表實(shí)現(xiàn)高性能渲染數(shù)據(jù)詳解
在前文中我們提到可以使用時(shí)間分片的方式來(lái)對(duì)長(zhǎng)列表進(jìn)行渲染，但這種方式更適用于列表項(xiàng)的DOM結(jié)構(gòu)十分簡(jiǎn)單的情況，所以本文來(lái)講講如何使用虛擬列表的方式，來(lái)同時(shí)加載大量數(shù)據(jù)吧2023-05-05
javascript編程實(shí)現(xiàn)棧的方法詳解【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了javascript編程實(shí)現(xiàn)棧的方法,簡(jiǎn)單說(shuō)明了棧的概念、特點(diǎn)并結(jié)合實(shí)例形式分析了javascript棧的定義、入棧、出棧等操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要給大家介紹了關(guān)于微信小程序抽獎(jiǎng)組件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
微信小程序下拉加載和上拉刷新兩種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了微信小程序下拉加載和上拉刷新兩種實(shí)現(xiàn)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JavaScript中創(chuàng)建類/對(duì)象的幾種方法總結(jié)
這篇文章主要是對(duì)JavaScript中創(chuàng)建類/對(duì)象的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
js實(shí)現(xiàn)的點(diǎn)擊div區(qū)域外隱藏div區(qū)域
這篇文章主要介紹了通過(guò)js實(shí)現(xiàn)點(diǎn)擊div區(qū)域外隱藏div區(qū)域，原理及示例代碼如下2014-06-06
這篇文章主要介紹了微信小程序開(kāi)發(fā)探究,非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2016-12-12
JavaScript剩余操作符Rest Operator詳解
在本篇文章里小編給各位分享的是關(guān)于JavaScript剩余操作符Rest Operator知識(shí)點(diǎn)用法總結(jié)，有需要的朋友們跟著學(xué)習(xí)下。2019-07-07
如何用CocosCreator實(shí)現(xiàn)射擊小游戲
這篇文章主要介紹了如何用CocosCreator實(shí)現(xiàn)射擊小游戲，此游戲難度不大，僅作為入門(mén)的練手小游戲，一小時(shí)就能完成，里面用到的知識(shí)很常用，喜歡游戲的同學(xué)，可以參考下2021-04-04