Firefox에 대한 ElementTraversal 인터페이스 사용 설명
lastElementChild가 원소에 접근하는 이 속성은 이 nodeType 1 원소의 마지막 하위 노드 인용을 Element 대상으로 되돌려야 합니다.접근한 원소 속성에 하위 노드가 없거나, 모든 하위 노드가 원소 노드가 아니라면, 이 속성은null로 되돌아와야 합니다.
previous ElementSibling이 원소에 접근하는 이 속성은 원소 앞에 있는 nodeType 1 원소의 동급 노드 인용을 파일 순서대로 배열해서 Element 대상으로 되돌려야 합니다.접근된 원소 속성이 그 전의 동급 노드가 없거나, 모든 동급 노드가 원소 노드가 아니라면, 이 속성은null로 되돌아와야 합니다.
nextElementSibling이 원소에 접근하는 이 속성은 파일 순서에 따라 nodeType 1 원소의 동급 노드 인용을 Element 대상으로 되돌려야 합니다.접근된 원소 속성이 그 뒤에 있는 동급 노드가 없거나, 모든 동급 노드가 원소 노드가 아니라면, 이 속성은null로 되돌아와야 합니다.
childElementCount가 원소에 접근하는 이 속성은 nodeType에 속하는 것으로 되돌아와야 합니다.원소 서브노드의 현재 수, 이 속성에 접근할 때 이 수를 저장할 수도 있고, 계산할 수도 있지만, 이 수는 항상 이 속성에 접근할 때 서브원소 노드의 수를 대표해야 한다.직접 서브노드만 안에 계산해야 한다. 만약에 방문된 속성 원소 서브노드 중 하나에 원소 서브노드가 있다면 이 다음 단계는 계산하지 않는다.만약 속성이 접근한 이 원소가 하위 노드가 없거나 모든 하위 노드가 원소 노드가 아니라면 이 속성은 반드시 0을 되돌려야 한다.
function spaceChildren( el ) {
//
var elCount = el.childElementCount;
var eachWidth = window.innerWidth / (elCount + 1);
//
var childEl = el.firstElementChild;
//
var nextPos = eachWidth/2;
//
while ( childEl ) {
//
childEl.style.setProperty( 'position', 'absolute', '' );
childEl.style.setProperty( 'left', nextPos + 'px', '' );
childEl.style.setProperty( 'width', eachWidth + 'px', '' );
//
nextPos += eachWidth;
//
childEl = childEl.nextElementSibling;
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
