CSS selector 문법으로 태그 찾기

Element 객체 리턴

만약 여러 개를 찾았다 할 지라도 그 중 첫 번째 것만 리턴한다.

- 아이디로 찾기

var e = document.querySelector("#header3");
console.log(e);
console.log("---------------------");

- 태그 이름으로 찾기

e = document.querySelector("h2");
console.log(e);
console.log("---------------------");

- 분류명으로 찾기

e = document.querySelector(".g2");
console.log(e);
console.log("---------------------");

- CSS selector 문법을 사용하기 때문에 복잡한 조건을 기술할 수 있다.

e = document.querySelector(".g2.g3");
console.log(e);
console.log("---------------------");

- 조건에 해당하는 태그를 찾지 못했다면? → 리턴 값은 null이다.

e = document.querySelector(".g2.g3.g1");
console.log(e);