> 웹 프론트엔드 > JS 튜토리얼 > DOM 스크립트 프로그래밍_자바스크립트 기술의 형제 노드

DOM 스크립트 프로그래밍_자바스크립트 기술의 형제 노드

WBOY
풀어 주다: 2016-05-16 18:42:53
원래의
1344명이 탐색했습니다.

IE 이외의 브라우저는 줄 바꿈을 텍스트 노드로 사용합니다(nodeType은 3). 요소의 경우 nodeType은 1입니다. 이를 찾는 실용적인 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

lastSibling:function( node){
var tempObj = node.parentNode.lastChild;
while(tempObj.nodeType!=1 && tempObj.previousSibling!=null)
{
tempObj=tempObj.previousSibling ;
}
return (tempObj.nodeType==1)?tempObj:false;
}

이것은 DOMhelp 라이브러리에 있는 lastSibling 메소드의 소스 코드입니다. "간단한 언어로 된 자바스크립트" 책. mootools 라이브러리에 구현된 소스 코드와 유사합니다:
코드 복사 코드는 다음과 같습니다.

'last-child': function(){
var element = this;
while ((element = element.nextSibling)){
if (element.nodeType == 1) return false;
}
return true;
}

Mootools 1.2.4 소스 코드의 last-child() 메소드입니다.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿