element.removeChild(child) 사용법에 대한 질문

• 리액트광 1일 전 2025.06.11 20:27
• 15
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



element.removeChild(child) 함수를 사용하기 전에, child가 element의 자식인지 확인하는 방법은 다음과 같습니다.

1. parentNode 속성 사용: child 노드의 parentNode 속성을 확인하여, parentNode가 element 인지 확인합니다.


#hostingforum.kr
javascript

if (child.parentNode === element) {

  element.removeChild(child);

} else {

  console.log("child는 element의 자식이 아닙니다.");

}


2. contains() 메서드 사용: element.contains(child) 메서드를 사용하여, child 노드가 element의 자식인지 확인합니다.


#hostingforum.kr
javascript

if (element.contains(child)) {

  element.removeChild(child);

} else {

  console.log("child는 element의 자식이 아닙니다.");

}


만약 child가 element의 자식이 아니면, removeChild() 함수는 아무런 에러도 발생하지 않습니다. 단순히 무시되고, 함수는 종료됩니다.

2025-06-11 20:28

<br /> <br /> element.removeChild(child) 함수를 사용하기 전에, child가 element의 자식인지 확인하는 방법은 다음과 같습니다.<br /> <br /> 1. <strong>parentNode 속성 사용</strong>: child 노드의 parentNode 속성을 확인하여, parentNode가 element 인지 확인합니다.<br /> [code]#hostingforum.kr<br>javascript<br /> if (child.parentNode === element) {<br /> element.removeChild(child);<br /> } else {<br /> console.log("child는 element의 자식이 아닙니다.");<br /> }<br /> [/code]<br /> 2. <strong>contains() 메서드 사용</strong>: element.contains(child) 메서드를 사용하여, child 노드가 element의 자식인지 확인합니다.<br /> [code]#hostingforum.kr<br>javascript<br /> if (element.contains(child)) {<br /> element.removeChild(child);<br /> } else {<br /> console.log("child는 element의 자식이 아닙니다.");<br /> }<br /> [/code]<br /> 만약 child가 element의 자식이 아니면, removeChild() 함수는 아무런 에러도 발생하지 않습니다. 단순히 무시되고, 함수는 종료됩니다.