[JavaScript] 제어 대상 찾기

DOM객체의 제어대상을 찾는 방법은 다음과 같다.

일단 window객체의 속성인 document프로퍼티를 이용한다.

총 다섯 가지 방법이 있다.

1.document.getElementsByTagName(태그네임)

태그를 통해서 찾는다.

이때 리턴된 값은 유사행렬로 값이 나타나서 

변수[0] 와 같은 형식으로 불러올 수 있다.

2.document.getElementsByClassName(클래스명)

클래스명을 통해 찾는다.

리턴된 값은 유사행렬이다.

3.document.getElementById(아이디)

아이디로 찾는다.

위 1,2번과의 다른점은 id값은 고유한 값이기 때문에 여러 값이 나올 수 없다.(메소드 명도 Element(단수)이다.)

고로 행렬방식으로 불러올 필요가 없다.

4.document.querySelector(선택자)

css문법과 같은 선택자를 이용해서 사용한다.

태그는

('li')

클래스는

('.class')

아이디는

('#id)와 같은 방법으로 가져온다.

만약 태그나 클래스의 값이 여러가지라면 첫번째 값을 리턴한다.

5.document.queryAllSelector(선택자)

4와는 다르게 모든 선택자를 가져온다

리턴된 값은 유사행렬이다.