HTML DOM Element parentNode 속성

정의와 사용법

parentNode 속성은 요소나 노드의 부모 노드를 Node 객체로 반환합니다

지정된 노드가 부모 노드가 없으면 반환합니다 null。

parentNode 속성은 읽기 전용입니다.

또한 참조:

childNodes 속성

firstChild 속성

lastChild 속성

nextSibling 속성

previousSibling 속성

nodeName 속성

parentElement 속성

HTML 노드와 요소

HTML HTML DOM（문서 객체 모델）에서, HTML 문서는 자식 노드를 가진 노드 집합입니다（또는 가지지 않는 경우）.

노드는 요소 노드, 텍스트 노드 및 주석 노드를 의미합니다.

요소사이의 공백도 텍스트 노드입니다.

요소는 단지 요소 노드입니다.

자식 노드와 자식 요소

childNodes 반환자식 노드（요소 노드, 텍스트 노드 및 주석 노드）.

children 반환자식 요소문자와 주석 노드가 아닌 경우).

형제와 요소 형제

형제는 "형제"와 "자매"입니다.

형제는 같은 부모 노드를 가진 노드(같은 childNodes 리스트에).

요소 형제는 같은 부모 요소를 가진 요소(같은 children 리스트에).

예제

예제 1

"myLI"의 부모 노드의 노드 이름을 가져오기:

let name = document.getElementById("myLI").parentNode.nodeName;

직접 시도해 보세요

예제 2

요소를 클릭하여 그 부모 요소를 숨기기:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

직접 시도해 보세요

문법

element.parentNode

또는

node.parentNode

반환 값

형식 설명
노드 부모 노드.
null 노드가 부모 노드가 없는 경우.

브라우저 지원

element.parentnode는 DOM Level 1 (1998) 기능입니다.

모든 브라우저가 완전히 지원합니다:

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원