초보자를 위한 바닐라 자바스크립트 #2-2 JS DOM Functions

https://www.youtube.com/watch?v=VBmQUMUGznU&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=16 

이번엔 자바스크립트만으로 사이트를 변경 시켜보도록하죠

 

js

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

console.log(title)

이렇게 입력시에

 

h2 => id로 이름 바꿔줘서 title로 변경 되어서

 

html에있는 h2태그가 콘솔창에 띄워지는것을 볼수있습니다

 

js

const title = document.getElementById("title");
title.innerHTML = "Hi! From JS"

 

이렇게 자바스크립트로 HTML에있는 내용을 바꿀수도 있습니다

 

간단하게 설명하자면

 

h1태그의 내용을 id="title"로 바꿔서

 

자바스크립트로 title내용을 바꿔준것 입니다