HTML DOM replaceChild() 메서드

replaceChild()메서드는 주어진 부모 노드에서 새 노드로 자식 노드를 대체합니다.

새 노드는 문서에 존재하는 기존 노드일 수도 있고 새 노드를 생성할 수도 있습니다.

사용removeChild()메서드는 부모 노드에서 자식 노드를 제거합니다.

문법:

node.replaceChild(newNode, oldNode)

예제

var newElem = document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

테스트를 보세요‹/›

브라우저 호환성

모든 브라우저가 replaceChild() 메서드를 완전히 지원합니다:

메서드
replaceChild()	는	는	는	는	는

매개변수 값

매개변수	설명
newNode	삽입하려는 노드 객체
oldNode	삭제하려는 노드 객체

기술 세부 사항

반환 값:	Node 객체는 대체 노드를 나타냅니다.
DOM 버전:	DOM 레벨1

更多实例

새 노드를 생성하고 기존 노드를 대체하십시오:

예제

var newElem = document.createElement("h2");
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

테스트를 보세요‹/›

JavaScript 객체

JavaScript 참조 매뉴얼

JS DOM 참조 매뉴얼

HTML DOM replaceChild() 메서드

문법:

브라우저 호환성

매개변수 값

기술 세부 사항

更多实例

관련 참조