[JavaScript] Element를 받아오는 방법, querySelector(),querySelectorAll()

getElementById() : 문자열을 인자로 받아 동일한 문자열를 id 값을 같는 태그를 출력한다.

 

HTML에서 가져오지만 JavaScript 에서 처리한다는 점이 정말 강력한 것이다.

 

JavaScript는 HTML element를 가져오지만, HTML 자체를 보여주지는 않는다.

 

document.querySelector 는 element를 CSS 방식으로 검색해서선택해서 가지고 오게 하는 방법이다.

 

const test = document.querySelector(".hello h1");

console.log(test);

이를 통해 class 이름이 hello인 태그의 h1 태그를 선택해 가져올 수가 있다.

document.querySelector()

를 통해서 말이다.

 

querySelector 는 오직 하나의 element 만 가져온다.

 

전체를 가져오려면

 

document.querySelectorAll()

 

을 해주면 된다.