예
a의 부모 요소의 노드 이름 얻기 <li> 요소를 :
var x = document.getElementById("myLI").parentElement.nodeName;X의 결과는 다음과 같습니다
UL »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
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는 아마도 가장 인기가있다.
이 속성은 읽기 전용입니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | 예 | 9.0 | 예 | 예 |
통사론
node .parentElement기술적 세부 사항
| 반환 값 : | 요소 노드의 부모 요소 노드를 나타내는 개체는 null 노드는 부모가 없으면 |
|---|---|
| DOM 버전 | DOM 레벨 4 요소 개체 |
더 예
예
요소를 클릭합니다 (<span>) 부모 요소를 숨길 수 (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> »그것을 자신을 시도