가끔 자식 NodeList를 모두 삭제해야할 경우가 있을 때 사용할 수 있는 방법이다!
remove() 혹은 removeChild() 메서드를 사용할 수 있는데
remove()의 경우는 IE에서 지원이 되지않는다 ㅠㅠ
const parent = document.getElementById('parent');
//removeChild()
//자식 노드가 존재하면 == NodeList.length > 0
while(parent.firstChild){
parent.removeChild(parent.firstChild);
}
//remove()
while(parent.firstChild){
parent.firstChild.remove();
}
//+) hasChildNodes();
while(parent.hasChilNodes()){
...
}
parent.firstChild로 자식 노드 유무를 확인할 수도 있고,
parent.hasChildNodes() 메서드로 true / false를 확인 할 수 있다.
그리고 안타깝게도 ,,!! removeAll() 이 없다는 것 !
따로 함수를 정의해서 사용해 줄 수 있다!
function removeAllChild() {
while(parent.firstChild){
parent.removeChild(parent.firstChild);
}
}
'JS' 카테고리의 다른 글
IntersectionObserver API 무한 스크롤 구현 (0) | 2023.03.08 |
---|---|
[JS] Nullish coalescing operator (??) + OR 연산자 (0) | 2021.12.15 |
[JS] ajax : XMLHttpRequest 🤔!! (0) | 2021.11.07 |
[JS] Node.js 내장 모듈 : HTTP ? (0) | 2021.10.12 |
[JS] 자바스크립트 : 함수형 프로그래밍 - 순수 함수 (feat. sideEffect) (0) | 2021.09.13 |