브라우저를 열고 콘솔창에 document를 친다면 html이 나오는데,
이는 자바스크립드는 html을 읽어 올 수 있기 때문이다.
그걸 이용해서 필요한 elemants(요소)를 찾아 사용할 수 있는데 그 방법은 여러가지다.
요소를 찾을 때는 아래의 코드처럼 찾을 수 있다.
const title = document.getElementById("title");getElementById처럼 getElementBy + ClassName, 등등 으로 찾을 수있다.
getElementBy는 찾은 값을 배열에 넣어서 모두 다 보여준다.
항상 모든 값을 보여주기 때문에 아래의 코드로 하나씩 찾아서 사용할 수도 있다.
const title = document.querySelector(".hello h1");querySelector는 css selector다. 하나의 요소만 반환해주는데,
만약 조건에 맞는 모든 요소들을 찾고 싶다면 querySelectorAll을 사용하면 된다.
둘 다 같은 용도로 사용할 수 있겠지만, 다방면으로 사용할 수 있는 querySelector(All)을 사용할 것 같다.
