childNodes 屬性

標(biāo)準(zhǔn)的，childNodes 屬性返回節(jié)點(diǎn)的子節(jié)點(diǎn)集合，以 NodeList 對(duì)象。包括HTML節(jié)點(diǎn)，所有屬性，文本。可以通過nodeType來判斷是哪種類型的節(jié)點(diǎn)，只有當(dāng)nodeType==1時(shí)才是元素節(jié)點(diǎn)，2是屬性節(jié)點(diǎn)，3是文本節(jié)點(diǎn)。

所有主流瀏覽器都支持 childNodes 屬性。

有時(shí)候需要獲取指定元素的第一個(gè)HTML子節(jié)點(diǎn)(非屬性/文本節(jié)點(diǎn))，最容易想到的就是firstChild 屬性。代碼中第一個(gè)HTML節(jié)點(diǎn)前如果有換行，空格，那么firstChild返回的就不是你想要的了。可以使用nodeType來判斷下。

function getFirst(elem){

for(var i=0,e;e=elem.childNodes[i++];){

if(e.nodeType==1)

return e;

}

}

獲得 body 元素的子節(jié)點(diǎn)集合：

document.body.childNodes;

children 屬性

獲取 body 元素的子元素集合：

var c = document.body.children;

定義和用法：children 屬性返回元素的子元素的集合，是一個(gè) HTMLCollection 對(duì)象。

提示:根據(jù)子元素在元素中出現(xiàn)的先后順序進(jìn)行排序。使用 HTMLCollection對(duì)象的 length屬性獲取子元素的數(shù)量，然后使用序列號(hào)(index，起始值為0)訪問每個(gè)子元素。

children 屬性與 childNodes 屬性的差別

childNodes 屬性返回所有的節(jié)點(diǎn)，包括文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)；

children 屬性只返回元素節(jié)點(diǎn)；

注：IE6 到 IE8 完全支持 children 屬性，但是，返回元素節(jié)點(diǎn)和注釋節(jié)點(diǎn)，IE9 以上版本只返回元素節(jié)點(diǎn)。

參考地址：

JS學(xué)習(xí)之DOM節(jié)點(diǎn)的關(guān)系屬性封裝、克隆節(jié)點(diǎn)、Dom中Style常用的一些屬性等小結(jié)

JS DOM節(jié)點(diǎn): 在JS DOM中節(jié)點(diǎn)的關(guān)系被定義為節(jié)點(diǎn)的屬性: 通常有以下幾種節(jié)點(diǎn)之間的關(guān)系: (這里的關(guān)系是所有瀏覽器都支持的) parentNode ???父節(jié)點(diǎn) childNodes ??? ...

JS中，children和childNodes的不同之處

• Mysql注入小tips --持續(xù)更新中

  學(xué)習(xí)Web安全好幾年了,接觸最多的是Sql注入,一直最不熟悉的也是Sql注入.OWASP中,Sql注入危害絕對(duì)是Top1.花了一點(diǎn)時(shí)間研究了下Mysql類型的注入. 文章中的tips將會(huì)持續(xù)更新,先說 ...

  Office 中的各種小tips(更新中)

  1.Word 中打字輸入會(huì)擦掉之后原有字符,出現(xiàn)“吃字”的情況? 要將“改寫”切換為“插入”,最簡(jiǎn)單的方法就是點(diǎn)擊鍵盤上小鍵盤旁邊的“insert”鍵. 其實(shí)仔細(xì)觀察的話,在word文檔下方,會(huì)看到如 ...

  小tips：JS中typeof與instanceof用法

  介紹 typeof typeof用以獲取一個(gè)變量或者表達(dá)式的類型,typeof一般只能返回如下幾個(gè)結(jié)果: number boolean string function(函數(shù)) object(NULL, ...

  DOM中document對(duì)象的常用屬性方法

  每個(gè)載入瀏覽器的 HTML 文檔都會(huì)成為 Document 對(duì)象. Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁面中的所有元素進(jìn)行訪問. 屬性 1? document.anchors? 返 ...

  js基礎(chǔ)之DOM中document對(duì)象的常用屬性方法

  -----引入 每個(gè)載入瀏覽器的 HTML 文檔都會(huì)成為 Document 對(duì)象. Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁面中的所有元素進(jìn)行訪問. 屬性 1? document.an ...

  DOM中元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn)的理解

  DOM中元素節(jié)點(diǎn).屬性節(jié)點(diǎn).文本節(jié)點(diǎn)的理解 節(jié)點(diǎn)信息 每個(gè)節(jié)點(diǎn)都擁有包含著關(guān)于節(jié)點(diǎn)某些信息的屬性.這些屬性是:nodeName(節(jié)點(diǎn)名稱)?nodeValue(節(jié)點(diǎn)值)?nodeType(節(jié)點(diǎn)類型)? ...

  隨機(jī)推薦

  Arduino 極速入門系列–1 點(diǎn)亮 LED

  本篇內(nèi)容為,使用 Arduino 點(diǎn)亮 LED 的做法示范.很簡(jiǎn)單的一個(gè)入門示范.我們讓 LED 閃. 本篇使用到的工具和材料 Arduino Mini Pro 1 PCS Mini USB 數(shù)據(jù)線 ...

  Web Service(一) 基礎(chǔ)學(xué)習(xí)

  1 基礎(chǔ)的Web Service平臺(tái)是XML+HTTP. 2 Web Service平臺(tái)的元素包括:SOAP(Simple Object Access Protocol)簡(jiǎn)單對(duì)象訪問協(xié)議: UDDI( ...

  圖片服務(wù)器和WEB應(yīng)用服務(wù)器相分離的簡(jiǎn)單方案

  只是簡(jiǎn)單說明一下原理,其它的自己探索吧:) 一.兩個(gè)域名:www.domain.com和img.domain.com?二.在www域名的服務(wù)器中上傳文件: up.html

  matlab練習(xí)程序(射線法判斷點(diǎn)與多邊形關(guān)系)

  依然是計(jì)算幾何. 射線法判斷點(diǎn)與多邊形關(guān)系原理如下: 從待判斷點(diǎn)引出一條射線,射線與多邊形相交,如果交點(diǎn)為偶數(shù),則點(diǎn)不在多邊形內(nèi),如果交點(diǎn)為奇數(shù),則點(diǎn)在多邊形內(nèi). 原理雖是這樣,有些細(xì)節(jié)還是要注意一下 ...

  HTTP 500 的解決方案

  我們首先要確定IIS權(quán)限的問題,如下所示: 身份驗(yàn)證的具體項(xiàng): 身份驗(yàn)證的基本設(shè)置: 注意:如果不需要Form驗(yàn)證的情況下,那么把Form身份驗(yàn)證禁止掉,否則會(huì)出現(xiàn)在每一次請(qǐng)求的過程中都要有一個(gè)默認(rèn)的 ...

  Android數(shù)據(jù)的四種存儲(chǔ)方式

  作為一個(gè)完成的應(yīng)用程序,數(shù)據(jù)存儲(chǔ)操作是必不可少的.因此,Android系統(tǒng)一共提供了四種數(shù)據(jù)存儲(chǔ)方式.分別是:SharePreference.SQLite.Content Provider和File. ...

  分?jǐn)?shù)(有理數(shù))的四則運(yùn)算PAT1088

  2015-02-05 PAT- B1088. Rational Arithmetic (20) http://www.patest.cn/contests/pat-a-practise/1088 #i ...

  php知識(shí)--遞歸

  【Ural1277】 Cops and Thieves 無向圖點(diǎn)連通度問題

  1277. Cops and Thieves Time limit: 1.0 secondMemory limit: 64 MB The Galaxy Police (Galaxpol) found ...

  MyBatis最原始的實(shí)現(xiàn)curd的操作

  關(guān)于jdbc的缺點(diǎn): 1.數(shù)據(jù)庫鏈接創(chuàng)建釋放頻繁造成系統(tǒng)資源浪費(fèi)從而影響系統(tǒng)性能.如果使用數(shù)據(jù)庫連接池可以解決此問題. 2.sql語句在代碼中硬編碼,不利于維護(hù),sql變動(dòng)需要改變java代碼 3.使 ...

總結(jié)

以上是生活随笔為你收集整理的php childnodes,小tips：HTML DOM中的children和childNodes属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。