支持Element Traversal 規(guī)范的瀏覽器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。

創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為南昌縣企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都做網(wǎng)站，南昌縣網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

對(duì)于元素間的空格，在IE9之前，都不會(huì)返回文檔節(jié)點(diǎn)，其它的所有瀏覽器都會(huì)返回文檔節(jié)點(diǎn)。

為了兼容瀏覽器這間的差異，又不更改已有的DOM 標(biāo)準(zhǔn)，所以有了 Element Traversal 規(guī)范。

這個(gè)規(guī)范為 元素增加了 5 個(gè) 屬性

childElementCount
firstElementChild
lastElementChild
previousElementSibling
nextElementSibling

詳細(xì)官方文檔; http://www.w3.org/TR/ElementTraversal/

對(duì)于元素間的空格，IE9以前的版本不會(huì)返回文本節(jié)點(diǎn)，而其他瀏覽器都會(huì)將空格當(dāng)做是文本節(jié)點(diǎn)返回。這就導(dǎo)致了在使用childNodes和firstChild的屬性時(shí)行為的不一致。為了彌補(bǔ)這一差異，而同時(shí)又保持DOM規(guī)范的不變，W3C Element Traversal規(guī)范新定義了一組屬性。

Element Traversal API為DOM元素添加了下面5個(gè)屬性：

• childElementCount：返回子元素（不包括文本節(jié)點(diǎn)和注釋）的個(gè)數(shù)。
• firstElementChild：指向第一個(gè)子元素。
• lastElementChild：指向最后一個(gè)子元素。
• previousElementSibling：指向前一個(gè)同輩元素。
• nextElementSibling：指向后一個(gè)同輩元素。

支持的瀏覽器為DOM元素添加了這些屬性，利用這些元素不必?fù)?dān)心空白文本節(jié)點(diǎn)，從而可以非常方便的查找DOM元素了。

下面是一個(gè)示例。在以前，要跨瀏覽器遍歷某個(gè)元素的所有子元素時(shí)，需要像下面這樣編寫代碼：

var i,len,child = element.firstChild;
while(child != element.lastChild){
 if(child.nodeType == 1){
  processChild(child);
 }
 child = child.nextSibling;
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前文章：jsElementTraversal規(guī)范中的元素遍歷方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://weahome.cn/article/dcdejd.html