JavaScript

[DOM_Element] JS - parentNode 속성 ★ - 부모노드

※ 아코디언 메뉴 만들 때 유용.


parentNode 예제

 

<ul>

  <li id="hz">홈짱닷컴 Homzzang.com</li>

  <li>홈페이지 제작관리 + 서버관리</li>

</ul>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.getElementById("hz").parentNode.nodeName;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

결과값: UL

※ parentNode :  [object HTMLUListElement]

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
DOM_Element JS - nodeName 속성 - 노드명 (= 노드이름)
DOM_Element JS - nodeType 속성 ★ - 노드타입 반환 (읽기전용) ※ 노드유형 = 노트형식 = 노드종류
DOM_Element JS - nodeValue 속성 - 지정노드의 노드값 설정/반환 (= nodeValue속성 = 노드밸류속성)
DOM_Element JS - normalize() 메서드 - 공백제거 후, 인접텍스트노드 합치기 (Element경우)
DOM_Element JS - offsetHeight 속성 - 가시높이 (= 요소실제높이 = 요소높이 height+ + paddi…
DOM_Element JS - offsetWidth 속성 ★ = 가시너비 (= 요소실제너비 = 요소너비 width + paddin…
DOM_Element JS - offsetLeft 속성 - 가시좌측위치 (= 가시왼쪽위치) (IE8 이상)
DOM_Element JS - offsetParent 속성 - static 이외의 position 갖는 최근접조상요소 (= 가장가…
DOM_Element JS - offsetTop 속성 - 가시 상단 위치 (IE8 이상)
DOM_Element JS - ownerDocument 속성 - 노드의 소유자문서를 HTMLDocument 객체로 반환
DOM_Element JS - parentNode 속성 ★ - 부모노드
DOM_Element JS - parentElement 속성 ★ - 부모요소객체 (= 부모객체)
DOM_Element JS - previousSibling 속성 - 바로 이전 형제노드 (= 바로앞 형제노드 = previousS…
DOM_Element JS - previousElementSibling 속성 - 바로이전 형제요소 (= previousElemen…
DOM_Element JS - querySelector() 메서드 ★ - 쿼리선택자 (= 요소 안 지정 선택자 중 첫번째 것만) …
39/89
목록
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인