[JavaScript] html 파일 속 요소 가져오기

Id로 가져오기

//document란 html을 가르키는 객체
//id가 firstname인 element를 불러온다.
const name = document.getElementById("firstname");

 

 

class명으로 가져오기

//class 이름이 username인 element를 불러온다.
const name = document.getElementByClassName("username");

 

 

Tag명으로 가져오기 ex. h1, div 등등...

//h1 tag를 가진 element를 불러온다.
const name = document.getElementByTagName("h1");

 

 

selector로 가져오기

//div 속 class이름이 username인 element를 불러온다.
const name = document.querySelector("div .username");

- 모든 selector를 반환하고싶은 경우에는 document.querySelectorAll() 사용