| 구분 |
종류 |
설명 |
직접 선택자
|
getElementById() |
id 속성을 이용해 요소를 선택 |
| getElementsByITagName() |
태그 name을 이용해 요소를 선택 |
| form.name.input_name |
form의 name 속성과 input_name 속성을 이용해 요소를 선택 |
인접 관계 선택자
|
parrentNode |
선택한 요소의 부모 요소를 선택 |
| childNodes |
선택한 요소의 모든 자식 요소를 선택 |
| children |
선택한 요소의 자식 요소인 태그만 선택 |
| firstChild |
선택한 요소의 첫 번째 자식 요소만 선택 |
| previousSibling |
선택한 요소의 이전에 있는 형제 요소만 선택 |
| nextSibling |
선택한 요소의 다음에 있는 형제 요소만 선택 |
childNodes : 선택한 요소의 모든 자식 요소를 선택합니다. 선택한 모든 요소가 배열 객체로 저장됩니다.
children : 선택한 요소의 자식 요소인 태그만 선택합니다. 선택한 모든 요소가 배열 객체로 저장됩니다.
※ parrentNode, firstChild, previousSibling, nextSibling는 공백 문자 인식에 문제가 있습니다.
