노드의 탐색
CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
반응형
노드의 탐색
HTML DOM에서 노드 간의 관계는 다음과 같은 프로퍼티로 정의됩니다.
프로퍼티를 이용하여 원하는 노드에 손쉽게 접근할 수 있습니다.
공백(줄바꿈)도 텍스트로 취급하여 자식으로 인식됩니다.
|
프로퍼티명 |
취득할 수 있는 노드 |
|
parentNode |
부모 노드 |
|
childNodes |
자식 노드 리스트 |
|
firstChild |
최초의 자식 노드 |
|
lastChild |
최후의 자식 노드 |
|
nextSibling |
다음 노드 |
|
previousSibling |
하나 전의 노드 |
반응형
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| DOM 요소의 내용 변경-문서 객체의 innerHTML 속성 사용해 내용 변경, 문서 객체의 textContent 속성 사용해 내용 변경, nodeValue 프로퍼티를 사용하여 특정 노드의 값 변경, replaceData() 메소드를 사용하.. (0) | 2017.06.27 |
|---|---|
| 노드의 추가 - insertBefore(), insertData() (0) | 2017.06.27 |
| 화면에 문서객체 출력 - appendChild() (0) | 2017.06.27 |
| 프로토타입(Prototype) (0) | 2017.06.27 |
| document 객체 메소드 (0) | 2017.06.27 |