> For the complete documentation index, see [llms.txt](https://westsilver.gitbook.io/study-script/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://westsilver.gitbook.io/study-script/javascript/web-browser/untitled/undefined.md). # 제어 대상 찾기 문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. ### document.getElementsByTagName : 인자로 전달된 **태그명**에 해당하는 객체들을 찾아서 그 리스트를 [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList)라는 유사 배열에 담아서 반환한다.
{% code lineNumbers="true" %} ```html ``` {% endcode %} {% code lineNumbers="true" %} ```html
  1. HTML
  2. CSS
  3. JavaScript
``` {% endcode %} ### document.getElementsByClassName : **class 속성의 값**을 기준으로 객체를 조회한다. ```html ``` ### document.getElementById : **id 값**을 기준으로 객체를 조회한다. 성능면에서 가장 우수하다. ```html ``` ### document.querySelector : **css 선택자의 문법을 이용해서 객체를 조회**할수도 있다. ```html
  1. HTML
  2. CSS
  3. JavaScript
``` ### document.querySelectorAll : querySelector과 기본적인 동작방법은 같지만 **모든 객체를 조회**한다는 점이 다르다. ```html
  1. HTML
  2. CSS
  3. JavaScript
```