DOM 노드 hasChildNodes() 메서드
예시
<ul> 요소에 자식 노드가 있는지 확인합니다.
var list = document.getElementById("myList").hasChildNodes();
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
hasChildNodes() 메서드는 지정된 노드에 자식 노드가 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
참고: 노드 내부의 공백은 텍스트 노드로 간주되므로 요소 내부에 공백이나 줄 바꿈을 남겨두면 해당 요소에는 여전히 자식 노드가 있습니다.
브라우저 지원
Method | |||||
---|---|---|---|---|---|
hasChildNodes() | Yes | Yes | Yes | Yes | Yes |
통사론
node.hasChildNodes()
매개변수
없음 |
기술적 세부 사항
반환 값: | 부울, 노드에 자식 노드가 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다. |
---|---|
DOM 버전 | 코어 레벨 1 노드 개체 |
더 많은 예
예시
요소에 자식 노드가 있는 경우 <ul> 요소 내부의 첫 번째 자식 노드(인덱스 0)를 제거합니다.
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
}
관련 페이지
HTML DOM 참조: 요소 .childNodes() 메서드
HTML DOM 참조: 노드. firstChild 속성
HTML DOM 참조: 노드. lastChild 속성
HTML DOM 참조: 노드. parentNode 속성
HTML DOM 참조: 노드. nextSibling 속성
HTML DOM 참조: 노드. PreviousSibling 속성