9. Document Object

* JavaScript 는 Html을 읽고 변경할 수 있음.

 

- document. -

title, body, head 는 바로 불러올 수 있음.

그 외의 element는 다른 방법으로 불러와야 함.

 

 

예제 코드)

document.title = Hi

title 이 hi로 변경됨.

 

 

document.body

body를 불러옴.

 

 

document.getElementById("title");

Id가 title인 element를 불러옴.

 

 

document.querySelector("hi:fiest child");

h1의 첫번째 자식을 불러옴.

 

 

document.querySelector(".hi h1");

hi라는 class의 h1을 불러옴.

class는 .  id는 # 으로 불러옴.

 

단, 여러개라면 그 중에 첫번째만 가져옴.

모두 가져오려면 'qusrySelectorAll'을 해야함.

 

 

const i = document.querySelecter("h1");
console.dir(i);

h1인 element를 console.dir를 하여

자세한 정보를 보여줌.