js Element Traversal을 사용하여 요소 순회를 표준화하는 방법

이번에는 js Element Traversal을 사용하여 요소 순회를 표준화하는 방법과 js Element Traversal을 사용하여 요소 순회를 표준화할 때 주의사항이 무엇인지 보여드리겠습니다. 다음은 실제 사례입니다.

요소 사이의 공백의 경우 IE9 이전에는 문서 노드가 반환되지 않습니다. 다른 모든 브라우저는 문서 노드를 반환합니다.

속성을 요소

firstElementChild
lastElementChild
previousElementSibling
nextElementSibling

Element Traversal API는 DOM 요소에 다음 5가지 속성을 추가합니다.

comments
• 제외).
  firstElementChild: 첫 번째 하위 요소를 가리킵니다.

• lastElementChild: 마지막 하위 요소를 가리킵니다.

• previousElementSibling: 이전 형제 요소를 가리킵니다.

• nextElementSibling: 다음 형제 요소를 가리킵니다.

• 지원되는 브라우저는 이러한 속성을 DOM 요소에 추가했습니다. 이러한 요소를 사용하면 빈 텍스트 노드에 대해 걱정할 필요가 없으므로 DOM 요소를 매우 편리하게 찾을 수 있습니다.

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

의 새로운

var i,len,child = element.firstElementChild;
while(child != element.lastElementChild){
 processChild(child);
 child = child.nextElementSibling;
}

vue-cli 프로젝트에서 부트스트랩을 사용하는 방법

Node.Js를 사용하여 비트코인 ​​주소를 생성하는 방법

위 내용은 js Element Traversal을 사용하여 요소 순회를 표준화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!