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)文章
利用innerHTML代替createElement來(lái)動(dòng)態(tài)添加網(wǎng)頁(yè)內(nèi)容已成為一種普遍的認(rèn)識(shí)。但在商務(wù)應(yīng)用，大數(shù)據(jù)的datagrid屢見(jiàn)不鮮，就算是innerHTML也捉襟見(jiàn)肘，于是人們又開(kāi)發(fā)了分時(shí)加載的技術(shù)了（利用setTimeout）。2009-12-12
js 鍵盤記錄實(shí)現(xiàn)(兼容FireFox和IE)
用js實(shí)現(xiàn)鍵盤記錄，要關(guān)注瀏覽器的三種按鍵事件類型，即keydown，keypress和keyup，它們分別對(duì)應(yīng)onkeydown、onkeypress和onkeyup這三個(gè)事件句柄。一個(gè)典型的按鍵會(huì)產(chǎn)生所有這三種事件，依次是keydown，keypress，然后是按鍵釋放時(shí)候的keyup。2010-02-02
javascript面向?qū)ο笾畬?duì)象的深入理解
這篇文章主要介紹了javascript面向?qū)ο笾畬?duì)象的深入理解,將javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中一切都視為對(duì)象,并以實(shí)例形式進(jìn)一步分析了面向?qū)ο蟮奶匦?需要的朋友可以參考下2015-01-01
js將類數(shù)組對(duì)象轉(zhuǎn)換成數(shù)組對(duì)象
javascript與dom有許多瑕疵，如著名的類數(shù)組對(duì)象Arguments，其他諸如HTMLCollection,NodeList如果它們都是數(shù)組的子類，那多省時(shí)啊。2010-05-05
下面小編就為大家?guī)?lái)一篇淺談JS中的bind方法與函數(shù)柯里化。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
uniapp實(shí)現(xiàn)附近商家定位的示例代碼
本文主要介紹了uniapp實(shí)現(xiàn)附近商家定位的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了使用js如何判斷橫豎屏及禁止瀏覽器滑動(dòng)條,需要的朋友可以參考下2014-04-04
JavaScript常用函數(shù)工具集：lao-utils
現(xiàn)在Javascript庫(kù)海量，流行的也多，比如jQuery，YUI等，雖然功能強(qiáng)大，但也是不萬(wàn)能的，功能不可能涉及方方面面，這里給大家分享一個(gè)的JS庫(kù)是對(duì)這些的補(bǔ)充，很多也比較實(shí)用，把應(yīng)用到項(xiàng)目中中去也比較方面，這也是對(duì)工作的一些積累，也加深對(duì)知識(shí)的理解。2016-03-03
如何利用ES6進(jìn)行Promise封裝總結(jié)
這篇文章主要介紹了如何利用ES6進(jìn)行Promise封裝總結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改字體顏色功能【附demo源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改字體顏色功能,涉及微信小程序wx:for循環(huán)讀取data數(shù)值及事件綁定修改元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-12-12