[Javascript] 노드 변경과 삭제

이번에는 노드를 변경할건데, 특정 노드를 지정하고 그 노드의 자식노드를 교체하고 삭제하는 방법입니다.

---

1. 노드 교체 -  replaceChild

이름에서 느껴지듯이 자식 노드를 교체해주는 메소드입니다. 

 

요소.replaceChild(변경해줄 노드, 변경하는 노드);	//(after, before)

사용법은 여태 나온 메소드들과 유사합니다. 첫번째 인자로 교체해줄 노드를 적고, 두번째 인자로 교체시킬 자식 노드를 선택합니다. 이때 주의점은 반드시 변경하는 노드는 지정된 노드의 자식 노드여야만 합니다.

 

 

 

2. 노드 삭제 - removeChild

이번에는 노드를 삭제하는 메소드입니다. 이때도 마찬가지로 지정한 노드의 자식 노드만 삭제할 수 있습니다.

 

요소.removeChild(삭제할 노드);

---

참고로 removeChild는 요소 노드를 삭제하는 것이므로 특정 요소의 속성 노드를 삭제하고 싶다면 removeAttribute()메소드를 이용합니다.

 

요소 노드.removeAttribute(속성명);

---