[EASYDOM 시리즈 튜 토리 얼] 의 삭제 노드

Node 대상 은 HTML 페이지 에서 지정 한 노드 를 삭제 하 는 removeChild () 방법 을 제공 합 니 다.그 문법 구 조 는 다음 과 같다.

var oldChild = node.removeChild(child);
OR
element.removeChild(child);

상기 문법 구조 에서 removeChild () 방법 을 호출 한 node 는 child 매개 변수의 부모 노드 를 표시 하고 child 매개 변 수 는 삭제 할 노드 를 표시 합 니 다.
oldChild 는 삭제 할 노드 의 인용, 즉 oldChild = = child 를 저장 하 는 데 사 용 됩 니 다.물론 우리 가 완성 해 야 할 것 은 노드 작업 만 삭제 하 는 것 이 라면 삭 제 된 노드 를 저장 할 변 수 를 정의 할 필요 가 없습니다.
주의해 야 할 것 은 상기 문법 구조 에서 child 매개 변수 가 node 의 하위 노드 가 아니라면 이 방법 을 호출 할 때 오류 가 발생 할 수 있 습 니 다.
우 리 는 다음 과 같은 코드 예 시 를 통 해 removeChild () 방법의 구체 적 인 사용 을 테스트 할 수 있다.

//      
var parent = document.getElementById('parent');
//      
var child = document.getElementById('btn');
//     
parent.removeChild(child);

주의해 야 할 것 은 삭 제 된 노드 가 메모리 에서 삭제 되 었 는 지 여부 입 니 다. Mozilla 커 뮤 니 티 에는 다음 과 같은 설명 이 있 습 니 다.
삭 제 된 이 하위 노드 는 메모리 에 존재 합 니 다. 현재 문서 의 DOM 트 리 에 추가 되 지 않 았 을 뿐 입 니 다.
따라서 이 노드 를 문서 에 다시 추가 할 수도 있다.물론 상기 문법 중의 old Child 와 같은 다른 변 수 를 사용 하여 이 노드 의 인용 을 저장 해 야 합 니 다.
상기 문법 에서 두 번 째 방법 을 사용 하면 oldChild 를 사용 하여 이 노드 에 대한 인용 을 저장 하지 않 으 면 삭 제 된 노드 는 이미 쓸모 가 없고 짧 은 시간 안에 메모리 관리 에 의 해 회수 된다 고 생각 합 니 다.
Mozilla 커 뮤 니 티 에서 removeChild () 방법 에 대한 설명 에 따 르 면 다음 과 같은 코드 예제 시 도 를 할 수 있 습 니 다.

//      
var parent = document.getElementById('parent');
//      
var child = document.getElementById('btn');
//     ，           oldChild    
var oldChild = parent.removeChild(child);
//                     
parent.appendChild(oldChild);

본 튜 토리 얼 은 무료 로 시작 되 며 누구나 무료 로 공부 하고 공유 할 수 있 으 며 수정 할 수 있 습 니 다.그러나 작가 와 출처 를 밝 혀 야 하고 상업 에 사용 할 수 없다.
본 튜 토리 얼 은 지식 공유 서명 - 비 상업 적 사용 - 연역 4.0 국제 허가 협의 로 허 가 를 받 습 니 다.