노마드 코더 바닐라 자바스크립트 2-3

또한 title로 할 수있는 것들이 많다. 예를 들어

className, id, innerHTML, innerText등등 많은 것들이 있다. 그 중 style을 사용해보자.

 

const title = document.getSelectById("title");

title.innerHTML = "Hi! From JS";
title.styel.color = "red";

 

console.dir(document)를 이용해 살펴보면 우리가 갖고있는 모든 텍스트를 보여주고, body, css 등등 모든것을 객체로 보여준다. head에서 작성하는 브라우저의 title을 바꿀 수 도 있다.

 

document.title = 'I own you now';

이제 querySelector를 이용해보자 querySelector는 노드의 첫번째 자식을 반환한다. 찾고싶은 것이 있다면 CSS와 똑같이 id를 찾고 싶다면 #를 class를 찾고싶다면 .을 이용한다. 

 

const title = document.querySelector("#title");

title.innerHTML = "Hi! From JS";
title.styel.color = "red";