ex ) var a = document.querySelector('.elementName');
1. 자식노드 이동
- 첫번 째 자식 노드 : a.firstChilde;
- 자식 노드가 여러개 있을 경우 리스트 형식으로 반환 받기: a.children;
2. 부모노드 이동
- a.parentNode or a.parentElement
3. 형제노드 이동
- 자신을 기준으로 뒤에 있는 노드로 이동 : a.previousSibling
- 자신을 기준으로 앞에 있는 노드로 이동 : a.nextSibling
(엘리먼트 단위로 이동하고 싶다면) 사이에 Element를 넣어준다 -> a.previoutElementSibling
'JavaScript' 카테고리의 다른 글
| HTML의 form 형식 다룰 때 유용한 정보 (0) | 2020.07.09 |
|---|---|
| (Express) Error: listen EACCES: permission denied 0.0.0.0:3000 오류 (0) | 2020.07.08 |
| JavaScript String to Int 변환 (0) | 2020.07.07 |
| HTML 버튼에 JavaScript 함수 호출하는 기능 넣기 (0) | 2020.07.07 |
| (JavaScript) 효율적인 객체 이용방법 prototype (0) | 2020.06.18 |