코딩 공부/Nomad Coder
노마드 코더 바닐라 자바스크립트 2-3
찬찬잉
2021. 8. 30. 06:33
또한 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";