HTML DOM parentElement 속성
예시
<li> 요소의 상위 요소 노드 이름을 가져옵니다.
var x = document.getElementById("myLI").parentElement.nodeName;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
parentElement 속성은 지정된 요소의 부모 요소를 반환합니다.
parentElement 와 parentNode 의 차이점 은 부모 노드가 요소 노드가 아닌 경우 parentElement 가 null 을 반환한다는 것입니다.
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
대부분의 경우 사용하는 속성은 중요하지 않지만 parentNode가 가장 많이 사용됩니다.
이 속성은 읽기 전용입니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
통사론
node.parentElement
기술적 세부 사항
반환 값: | 노드의 부모 요소 노드를 나타내는 Element 객체 또는 노드에 부모가 없는 경우 null |
---|---|
DOM 버전 | DOM 레벨 4 요소 개체 |
더 많은 예
예시
요소(<span>)를 클릭하여 상위 요소(<div>)를 숨깁니다.
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>