12.2.2 메서드로 노드 선택하기
노드 탐색 속성으로 노드를 선택하는 방법은 노드의 타입을 가리지 않고 모든 노드를 이동하며 선택할 수 있다는 장점이 있습니다. 하지만 DOM 트리가 복잡할수록 원하는 노드를 찾아가기 어렵다는 단점도 있습니다. 그래서 일반적으로 요소 노드를 바로 선택할 수 있는 메서드를 이용한 노드 선택 방법과 적절하게 조합해서 사용합니다.
● 속성값과 태그명 사용하기 - get 메서드
document 객체에는 노드를 선택할 수 있는 여러 메서드가 포함되어 있습니다. 종류가 많지만 모두 알 필요는 없고, 표에 정리된 메서드만 알아도 됩니다.
표 12-3 속성값과 태그명을 사용하는 메서드
|
메서드 형식 |
설명 |
|
getElementById(<id 속성값>) |
id 속성값과 일치하는 요소 노드를 1개만 선택합니다. |
|
getElementsByClassName(<class 속성값>) |
class 속성값과 일치하는 요소 노드를 모두 선택합니다. |
|
getElemenetsByTagName(<태그명>) |
태그명과 일치하는 요소 노드를 모두 선택합니다. |