childNodes 屬性

標準的，childNodes 屬性返回節點的子節點集合，以 NodeList 對象。包括HTML節點，所有屬性，文本。可以通過nodeType來判斷是哪種類型的節點，只有當nodeType==1時才是元素節點，2是屬性節點，3是文本節點。

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

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

function getFirst(elem){

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

if(e.nodeType==1)

return e;

}

}

獲得 body 元素的子節點集合：

document.body.childNodes;

children 屬性

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

var c = document.body.children;

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

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

children 屬性與 childNodes 屬性的差別

childNodes 屬性返回所有的節點，包括文本節點、注釋節點；

children 屬性只返回元素節點；

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

參考地址：

JS學習之DOM節點的關系屬性封裝、克隆節點、Dom中Style常用的一些屬性等小結

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

JS中，children和childNodes的不同之處

• Mysql注入小tips --持續更新中

  學習Web安全好幾年了,接觸最多的是Sql注入,一直最不熟悉的也是Sql注入.OWASP中,Sql注入危害絕對是Top1.花了一點時間研究了下Mysql類型的注入. 文章中的tips將會持續更新,先說 ...

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

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

  小tips：JS中typeof與instanceof用法

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

  DOM中document對象的常用屬性方法

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

  js基礎之DOM中document對象的常用屬性方法

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

  DOM中元素節點、屬性節點、文本節點的理解

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

  隨機推薦

  Arduino 極速入門系列–1 點亮 LED

  本篇內容為,使用 Arduino 點亮 LED 的做法示范.很簡單的一個入門示范.我們讓 LED 閃. 本篇使用到的工具和材料 Arduino Mini Pro 1 PCS Mini USB 數據線 ...

  Web Service(一) 基礎學習

  1 基礎的Web Service平臺是XML+HTTP. 2 Web Service平臺的元素包括:SOAP(Simple Object Access Protocol)簡單對象訪問協議: UDDI( ...

  圖片服務器和WEB應用服務器相分離的簡單方案

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

  matlab練習程序(射線法判斷點與多邊形關系)

  依然是計算幾何. 射線法判斷點與多邊形關系原理如下: 從待判斷點引出一條射線,射線與多邊形相交,如果交點為偶數,則點不在多邊形內,如果交點為奇數,則點在多邊形內. 原理雖是這樣,有些細節還是要注意一下 ...

  HTTP 500 的解決方案

  我們首先要確定IIS權限的問題,如下所示: 身份驗證的具體項: 身份驗證的基本設置: 注意:如果不需要Form驗證的情況下,那么把Form身份驗證禁止掉,否則會出現在每一次請求的過程中都要有一個默認的 ...

  Android數據的四種存儲方式

  作為一個完成的應用程序,數據存儲操作是必不可少的.因此,Android系統一共提供了四種數據存儲方式.分別是:SharePreference.SQLite.Content Provider和File. ...

  分數(有理數)的四則運算PAT1088

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

  php知識--遞歸

  【Ural1277】 Cops and Thieves 無向圖點連通度問題

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

  MyBatis最原始的實現curd的操作

  關于jdbc的缺點: 1.數據庫鏈接創建釋放頻繁造成系統資源浪費從而影響系統性能.如果使用數據庫連接池可以解決此問題. 2.sql語句在代碼中硬編碼,不利于維護,sql變動需要改變java代碼 3.使 ...

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。