이번에는 js Element Traversal을 사용하여 요소 순회를 표준화하는 방법과 js Element Traversal을 사용하여 요소 순회를 표준화할 때 주의사항이 무엇인지 보여드리겠습니다. 다음은 실제 사례입니다.
요소 사이의 공백의 경우 IE9 이전에는 문서 노드가 반환되지 않습니다. 다른 모든 브라우저는 문서 노드를 반환합니다.
기존 DOM 표준을 변경하지 않고 브라우저 간의 차이점을 호환하기 위해 Element Traversal 사양이 만들어졌습니다. 이 사양은 5개의 childElementCountfirstElementChild
lastElementChild
previousElementSibling
nextElementSibling
Element Traversal API는 DOM 요소에 다음 5가지 속성을 추가합니다.
childElementCount: 하위 요소 수를 반환합니다(텍스트 노드 및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; }이 기사의 사례를 읽은 후에는 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 도서:
vue-cli 프로젝트에서 부트스트랩을 사용하는 방법
Node.Js를 사용하여 비트코인 주소를 생성하는 방법
위 내용은 js Element Traversal을 사용하여 요소 순회를 표준화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!