關(guān)于firefox的ElementTraversal 接口使用說明

2019-11-21 00:08:43

字體：大中小

供稿：網(wǎng)友

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

復(fù)制代碼代碼如下:

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

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

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

// 設(shè)置初始位置 
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; 

// 然后導(dǎo)航到下一個(gè)子元素 
childEl = childEl.nextElementSibling; 
} 
} 