關于firefox的ElementTraversal 接口使用說明

更新時間：2010年11月11日 12:48:51 作者：

關于firefox的ElementTraversal 接口使用說明，需要的朋友可以參考下。

firstElementChild
訪問一元素的這個屬性必須將該nodeType 1 元素第一子節(jié)點引用返回為 Element 對象。如果該被訪問元素屬性沒有任何子節(jié)點，或者如果所有這些子節(jié)點都不是元素節(jié)點，那么該屬性必須返回 null。
lastElementChild
訪問一元素的這個屬性必須將該nodeType 1 元素最后子節(jié)點引用返回為 Element 對象。如果該被訪問元素屬性沒有任何子節(jié)點，或者如果所有這些子節(jié)點都不是元素節(jié)點，那么該屬性必須返回 null。
previousElementSibling
訪問一元素的這個屬性必須將按文件順序排在該元素之前屬于nodeType 1 元素同級節(jié)點引用返回為 Element 對象。如果該被訪問元素屬性沒有任何處于它之前的同級節(jié)點，或者如果所有這些同級節(jié)點都不是元素節(jié)點，那么該屬性必須返回 null。
nextElementSibling
訪問一元素的這個屬性必須將按文件順序緊跟著這個屬于nodeType 1 元素同級節(jié)點引用返回為 Element 對象。如果該被訪問元素屬性沒有任何跟在它之后的同級節(jié)點，或者如果所有這些同級節(jié)點都不是元素節(jié)點，那么該屬性必須返回 null。
childElementCount
訪問一元素的這個屬性必須返回這個屬于nodeType 1.元素子節(jié)點當前數目, 訪問此屬性時，執(zhí)行可能存貯該數目，或可能計算該數目，但該數目必須始終代表訪問該屬性時子元素節(jié)點的數目。只有直接子節(jié)點才應該計算在內，如被訪問屬性元素子節(jié)點之一又有元素子節(jié)點那么這下一級的就不算。如果屬性被訪問的這個元素沒有子節(jié)點，或者所有這些子節(jié)點都不是元素節(jié)點，那么這個屬性必須返回0 。

復制代碼代碼如下:

 
function spaceChildren( el ) { 
// 求元素節(jié)點數目 
var elCount = el.childElementCount; 

var eachWidth = window.innerWidth / (elCount + 1); 

// 求第一子元素 
var childEl = el.firstElementChild; 

// 設置初始位置 
var nextPos = eachWidth/2; 

// 逐一循環(huán)子元素 
while ( childEl ) { 
// 放好子元素 
childEl.style.setProperty( 'position', 'absolute', '' ); 
childEl.style.setProperty( 'left', nextPos + 'px', '' ); 
childEl.style.setProperty( 'width', eachWidth + 'px', '' ); 

// 按寬度增距 
nextPos += eachWidth; 

// 然后導航到下一個子元素 
childEl = childEl.nextElementSibling; 
} 
} 