예
A의 텍스트 노드를 교체 <li> 새로운 텍스트 노드 목록에서 요소 :
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Get the first child node of an <ul> element
var item =
document.getElementById("myList").childNodes[0];
// Replace
the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);
// Note: This example replaces only the Text node
"Coffee" with a Text node "Water"제거하기 전에 :
- Coffee
- Tea
- Milk
제거한 후 :
- Water
- Tea
- Milk
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
replaceChild() 메소드는 새로운 노드와 자식 노드를 대체합니다.
새로운 노드는 문서에있는 기존 노드 수, 또는 당신은 새로운 노드를 생성 할 수 있습니다.
팁 : 사용 removeChild() 요소에서 자식 노드를 제거하는 방법.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| replaceChild() | 예 | 예 | 예 | 예 | 예 |
통사론
매개 변수 값 매개 변수 유형 기술 newnode Node object 필요합니다. 삽입 할 노드 객체 oldnode Node object 필요합니다. 제거 할 노드 객체
기술적 세부 사항
반환 값 : 대체 노드를 나타내는 노드 객체 DOM 버전 코어 레벨 1 노드 개체
더 예
예
바꾸기 <li> 새로운으로 목록에서 요소를 <li> 요소 :
// Create a new <li> element
var elmnt = document.createElement("li");
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Append the text
node to <li>
elmnt.appendChild(textnode);
// Get the <ul> element
with id="myList"
var item = document.getElementById("myList");
//
Replace the first child node (<li> with index 0) in <ul> with the newly
created <li> element
item.replaceChild(elmnt, item.childNodes[0]);
// Note: This example replaces the entire <li> element 제거하기 전에 :
- Coffee
- Tea
- Milk
제거한 후 :
- Water
- Tea
- Milk
»그것을 자신을 시도