예
첫 번째 제거 <li> 목록에서 요소를 :
var list = document.getElementById("myList"); // Get
the <ul> element with id="myList"
list.removeChild(list.childNodes[0]);
// Remove <ul>'s first child node (index 0)제거하기 전에 :
- Coffee
- Tea
- Milk
제거한 후 :
- Tea
- Milk
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
removeChild() 메소드는 지정된 요소의 특정 자식 노드를 제거한다.
노드가 존재하지 않는 경우 제거 된 노드 객체로서 노드를 돌려줍니다.
참고 : 제거 된 자식 노드는 DOM의 더 이상 일부가 아닙니다. 그러나, 이러한 방법에 의해 리턴 된 참조하여, 그것을 나중에 요소에 제거 된 자식을 삽입 할 수있다 (See "More Examples") .
팁 : 사용 appendChild() 또는 insertBefore() 메소드는 같은 문서에 제거 된 노드를 삽입합니다. 다른 문서에 삽입하려면 사용하는 문서. adoptNode() 또는 문서. importNode() 방법.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| removeChild() | 예 | 예 | 예 | 예 | 예 |
통사론
매개 변수 값 매개 변수 유형 기술 node Node object 필요합니다. 제거 할 노드 객체
기술적 세부 사항
반환 값 : 노드 객체는 제거 된 노드를 나타내는, 또는 null 노드가 존재하지 않는 경우 DOM 버전 코어 레벨 1 노드 개체
더 예
예
목록에 자식 노드가 있는지 알아보십시오. 이 경우 첫 번째 자식 노드 제거 (index 0) :
// Get the <ul> element with id="myList"
var list =
document.getElementById("myList");
// If the <ul> element has any
child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
} 제거하기 전에 :
- Coffee
- Tea
- Milk
제거하기 전에 :
- Tea
- Milk
»그것을 자신을 시도
예
목록의 모든 자식 노드를 제거합니다 :
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// As long as <ul> has a child node, remove it
while
(list.hasChildNodes()) {
list.removeChild(list.firstChild);
} 제거하기 전에 :
- Coffee
- Tea
- Milk
제거한 후 :
»그것을 자신을 시도
예
제거 <li> (친 노드를 지정하지 않고) 그 부모 요소에서 ID = "myLI"와 소자 :
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
제거하기 전에 :
- Coffee
- Tea
- Milk
제거한 후 :
- Coffee
- Milk
»그것을 자신을 시도
예
제거 <li> 그 부모로부터 요소를 다시 삽입 :
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
»그것을 자신을 시도
예
제거 <span> 부모로부터 소자 및 그것을 삽입 <h1> 다른 문서 요소 :
var child = document.getElementById("mySpan");
function removeLi() {
child.parentNode.removeChild(child);
}
function myFunction() {
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(child);
h.appendChild(x);
}
»그것을 자신을 시도