[javaScript] .remove() / .removeChild()

 

자바스크립트를 이용하여

HTML 요소를 동적으로 삭제하기

 

 

1. remove : 요소를 삭제 

// remove
function remove1Function(){
    var veBtnRmv = document.getElementById("veBtnId");
    veBtnRmv.remove();
    }
   

 

 

2. removeChild : 부모에게서 자식 객체를 떼어내기 (=삭제)

// removeChild
function remove2Function(){
    var veList = document.getElementById("veList");
    veList.removeChild(veList.childNodes[0]);
    }

 

 

---

Test

---

 

 

 

 

childNodes	자식 노드에 접근	NodeList 반환
children	자식 요소에 접근	HTMLCollection 반환